Dessiner une ombre

L’ombre d’un block

div.shad{
-moz-box-shadow: 5px 10px 15px #333; /* pour Mozilla */
-khtml-box-shadow: 5px 10px 15px #333; /* pour Safari et Chrome */
-webkit-box-shadow: 5px 10px 15px #333; /* pour Safari sur Mac */
box-shadow: 5px 10px 15px #333; /* CSS3 */

}

/* Explication: */
box-shadow: décalage droit - décalage bas - flou - couleur de l'ombre;

 

L’ombre d’un texte

h2.shad-txt{
-moz-text-shadow: 5px 10px 15px #333; /* pour Mozilla */
-khtml-text-shadow: 5px 10px 15px #333; /* pour Safari et Chrome */
-webkit-text-shadow: 5px 10px 15px #333; /* pour Safari sur Mac */
text-shadow: 2px 2px 2px #999; /* CSS3 */
}
/* Explication: */
text-shadow: décalage droit - décalage bas - flou - couleur de l'ombre;

Les Fleurs du Mal

 

 

Youcef

Consultant en référencement, chef de projet Web et entrepreneur, l'écriture et la pédagogie font aussi partie de mes passions. Avec ce blog, ma mission est d'aider les entrepreneurs, qui ne sont pas spécialistes du web, à réussir leur propre site, et qu'il soit surtout visible !

Vous aimerez aussi...

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *