mercredi 26 mars 2014

Ombrages photos

astuce donnée par Mike :

<img style="box-shadow: 10px 7px 3px grey;" src="http://data0.eklablog.com/papyrocktest/perso/img%20video%2001.jpg" alt="" width="200" />

La première valeur indique le décalage horizontal vers la droite (ici 10px)
le deuxième correspond au décalage vertical vers le bas (ici 7px) 
le chiffre suivant indique la force du dégradé (ici 3px) 
et enfin, la couleur (ici grey)

 

Pour appliquer une ombre sur toutes les images du blog, ajouter ce code dans la session CSS:

img { box-shadow: Dodgerblue 3px 0px 10px;}

 

et pour que ce code ne s'applique pas à toutes les images :

Remplacer dans ajout CSS:

img box-shadow: black 6px 6px 10px;}

par

p img box-shadow: black 6px 6px 10px;}

 

Aucun commentaire:

Enregistrer un commentaire