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 peut inclure éventuellement une marge entre l'objet et l'ombre.


Paramètres

Position:     Haut     Bas     Gauche     Droite

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

Marge interne     Couleur #

Dépassement (positif) ou retrait (négatif)


Code CSS à recopier

<style type="text/css">
.shadow
{
	padding:0px;
	-moz-box-shadow:0px 0px 8px 0px #888888; 
	-webkit-box-shadow:0px 0px 8px 0px #888888; 
	box-shadow:0px 0px 8px 0px #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]-->

Plus d'effects:

Voyez à CSS 3 box effects. (Anglais). Ces effets requièrent IE 9.