Résolu Ombre ou Reflet sur image ?

Bonjour, je ne sais trop où chercher mon besoin.

Je cherche un code pour mettre une ombre à mes images qui l'a refait sortir de la page de fond en passant simplement la souris.

Bon, vous avez dû pas trop comprendre !! Je ne sais comment l'expliquer - Je vous mets une capture en espérant que ça vous parle mieux

Ce serait trop bien si l'on me comprend et qu'on me souffle un code

Merci à vous

Bonjour C.Sylvie,

Je pense avoir compris que tu souhaites voir apparaître une ombre au survol de tes images. Celle-ci se traduit en css par box-shadow et tu connais ce code puisque tu l'as déjà utilisé dans ton css.

Si tu veux cet effet sur toutes les images de ton blog, mettre dans ledit css :

img:hover {
box-shadow: 6px 6px 3px #000000;
}

et si c'est uniquement pour les images de tes articles :

.article-text img:hover {
box-shadow: 6px 6px 3px #000000;
}

Bien sûr tout ce qui est en rouge est à modifier ou améliorer selon tes choix. 

Oui, Merci Colette, c'est bien ça mais comment se fait-il que chez-moi je n'ai qu'une ombre sur le côté droit de l'image et en bas de l'image ; ça ne le fait pas sure toute l'image : peut-être esse normal ou faut-il un autre code pour ça ??

MERCI beaucoup

Comme je te l'ai indiqué, ce qui est en rouge est à modifier ou à améliorer.

Je te mets ci-joint un lien pour un "générateur d'ombres" sur lequel tu pourras faire tes essais et récupérer le code lorsque tu auras obtenu l'effet d'ombre désiré.

http://www.supportduweb.com/generateur-ombre-css3-box-shadow-code-webkit-moz-ombre-portee-flou-simple-generer-propriete-css3.html

PS Récupère simplement la première ligne "box-shadow" les autres n'étant plus d'actualité.

Bonne soirée. 

Ben je m'excuse, vraiment désolée : j'ai bien essayer avec ton lien "générateur d'ombres" mais ça ne prend pas, voilà ce que ça me dit (voir capture).

J'ai également essayé avec ton code de l'amélioré, mais ça me dit pareil.

Je suis vraiment pas douée avec ces codes et j'en suis bien confuse - Je vais me contenter de ton code - En tout cas Merci encore de m'avoir répondu

Le générateur d'ombres c'est pour obtenir celle que tu souhaites pour ensuite modifier dans les codes indiqués dans ma première réponse tout ce qui est en rouge.

Bonjour, voilà j'ai fait comme tu m'a conseillé : je n'avais pas compris au début, j'ai rajouté, j'ai modifié ..... bref je crois que me suis légèrement mélangé les pinceaux mais ... ça fonctionne : du coup je touche plus rien.

Encore grand merci à toi et de ta rapidité à me répondre (ça fait plaisir)

Bonne journée

Tu t'es encore légèrement mélangé les pinceaux  car je t'avais écrit de ne prendre que la première ligne "box-shadow" et tu as mis ceci dans tes codes :

img:hover {
box-shadow: 6px 6px 6px #261C29;
-webkit-box-shadow: 5px 5px 10px 5px #261C29;
}

Même si ça fonctionne il y a une erreur qu'il vaut mieux rectifier, donc mets ces codes à la place :

img:hover {
box-shadow: 6px 6px 6px #261C29, 5px 5px 10px 5px #261C29;
}

Bonne journée.

PS Je ne te donne pas d'autre explication afin de ne pas t'embrouiller encore plus. 

Super c'est gentil .... lol, tu dois te dire qu'elle comprend vite mais faut lui expliquer longtemps.

J'ai rectifié mon erreur et je crois que ça y'est j'ai enfin compris -

MERCI Sincèrement et bien sympa de ne pas m'embrouiller encore plus 

Bonne journée

C'est Box-shadow. S'il vous plaît visitez le lien ci-dessous, peut-être que cela vous aidera beaucoup.

https://www.w3schools.com/cssref/css3_pr_box-shadow.asp