Créer une ombre sur une image ou une div en CSS

De l’ombre

Pour donnée une dimension de plus à votre site n’hésitez pas à utiliser une ombre autour de vos div et de vos images!

création d'une ombre en CSS

pour obtenir ce résultat créez simplement une classe que nous appellerons ici « ombrage » placez ce code dans votre feuille de style CSS.


.ombrage {
border: 5px solid #fff;
-moz-box-shadow: 8px 8px 12px #aaa;
-webkit-box-shadow: 8px 8px 12px #aaa;
box-shadow: 8px 8px 12px #555;

Il ne vous reste plus qu’a ajouter la classe dans votre balise div ou img,
ex: < img src="imagelien.jpg" class="ombrage" width="...

Ce code est compatible avec les navigateurs IE 8+, Chrome, Safari, FireFox, Opéra9+

N'hésitez pas à consulter sur le portfolio de nos création de sites web pour trouver des idées.

Laisser un commentaire

Vous devez être connecter pour laisser un commenatire.