Dessiner une ombre

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

 

CSS, CSS3

A propos de MarieEve Louvel

Depuis 3 ans, je partage mes connaissances sur ce blog, pour les entrepreneurs désireux de créer leur site vitrine et/ou leur blog professionnel avec WordPress. Mon expérience professionnelle va de l'accompagnement à la formation, en passant par de la création de site ou de logiciel. Retrouvez mes cours en ligne sur mon site FeelWeb Formation [http://feelwebformation.com]

4 commentaires

  1. Merci pour l’astuce.
    Je suis une bille en CSS donc ça peut toujours servir.

    Répondre
    • C’est pas grand-chose mais c’est un début :)

      Je viens de jeter un oeil à ton blog, j’aime bien la thématique. Moi je suis restée au stade de « recopier sans réfléchir » comme tu dis dans ta page « A propos ». Mais ça me détend. Ceci dit, ça fait bien 4 ou 5 ans que je n’ai pas dessiné! Il faudrait que je m’y remette.

      A bientôt!

      Répondre
    • Coucou Sacha,

      Contente de te recroiser par ici ! Merci pour ces outils.

      Répondre

Trackbacks/Pingbacks

  1. Dessiner une ombre (CSS3) | Les Doigts dans le Net | CSS3 et HTML5 | Scoop.it - [...] lesdoigtsdanslenet.com - Aujourd'hui, 9:46 [...]

Soumettre un commentaire

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

This Blog will give regular Commentators DoFollow Status. Implemented from IT Blögg

EmailEmail
PrintPrint