Dessiner une ombre

Partagez si vous aimez ->

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

 

 

Partagez si vous aimez ->

Youcef

Concepteur de Sites Web et entrepreneur, l'écriture et la pédagogie font aussi partie de mes passions. Mon objectif est de vous aider à trouver la solution idéale pour créer votre propre Site Internet.

Vous aimerez aussi...

Laisser un commentaire

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

Simple Share Buttons