Ajax HTML 5 JavaScript Création site CMS Comment Design Logiciels Programmation RSS SQL Scripts Mobiles
Forum
CSS
Vignettes alignées
Text-shadow
Editeur de box-shadow
Infobulle avec image
Checkbox en image
HTML 5
Introduction
Formulaire
INTERFACES
Interfaces Web
Widgets

Editeur de box-shadow en CSS 3

Définir en CSS la position et la longueur de l'ombre portée sous une photo ou une boite de texte. On inclut éventuellement une marge entre l'objet et l'ombre.


Paramètres

Position: Haut Droite Bas Gauche

Largeur de l'ombre     Intensité du dégradé

Marge interne     Couleur #


Code CSS à recopier
<style type="text/css">
.shadow
{
	padding:0px;
	-moz-box-shadow:6px 6px 8px #888888; 
	-webkit-box-shadow:6px 6px 8px #888888; 
	box-shadow:6px 6px 8px #888888; 
}
</style> 
<!--[if lte IE 8]>
<style type="text/css">
.shadow
{
	zoom: 1;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#888888', Direction=135, Strength=8);
}
</style> 
<![endif]-->
Tweet
© 2010-2011 Scriptol.fr