Ombre autour d'une image.

[pulps]

Bonjour, pouvez-vous me donner les codes pour mettre une ombre autour d'une image ?
Merci.

[Yoshikuni]

Simple

La propriété box-shadow est implémentée sous des noms différents selon les navigateurs.

Code:

.ombreimage
{  -moz-box-shadow: 4px 4px 10px #888; 
  -webkit-box-shadow: 4px 4px 10px #888; 
  box-shadow:4px 4px 6px #888;
}

Le premier paramètre est le décalage horizontal de l'ombre.
Le second paramètre est le décalage vertical.
On peut mettre des valeurs négatives pour placer l'ombre du coté opposé de la boite.
La troisième valeur, toujours positive, est la longueur du dégradé.
Une quatrième valeur, non utilisée dans la démo, étend l'ombre dans la direction opposée.
Un code de couleur donne la coloration de cette ombre.

Ensuite il faut juste faire

Code:

<img src="IMAGE" class="ombreimage">

et le tour est jouer

[pulps]

En fait, je demandais des codes pour mettre dans une signature.

[Yoshikuni]

c'est la même chose sauf que tu mets class="ombreimage" sur ta signature.

Sache aussi que tu peux changer le nom ombreimage dans le css en mettant ombresigna

[Psyaliah]

Non, on ne peut pas mettre une class dans une signature si on est pas administrateur du forum même, vu que l'on a pas accès au css du forum..

Mettez ceci:

Code:

 <img src="lien_de_limage_de_signature" style="box-shadow:4px 4px 6px #888;">

[pulps]

Merci beaucoup, c'est bon ! (:

[pulps]

#double post
Mais comment mettre de l'ombre tout autour, comme ici ? :

Spoiler:

[Psyaliah]

Il faut laisser les deux premières valeurs sur 0, pour qu'il n'y ai pas de décalage.
La troisième valeur définit la taille, la quatrième la couleur.

Code:

 <img src="lien_de_limage_de_signature" style="box-shadow: 0px 0px 5px #888;">

[pulps]

Merci beaucoup !