Bonjour à tous,

je cherche à réaliser ceci:

(la flèche représente le hover)

Mais je me casse les dents sur cet effet depuis 10h00

Déjà pour l'ombre sous l'image, je n'arrive pas à la reproduire. Pour 'dessiner' la première images: j'ai du tricher pour ne pas que l'ombre portée soit visible sur les côtés:

Existe-t-il une astuce en CSS pour créer une ombre 'bottom-only'?

Ensuite pour l'effet au hover: je pensais simplement faire un div.wrapper avec overflow:hidden autour de mes images, puis grâce à jQuery et animate(), jouer sur la propriété top de l'image.
Le problème est que puisque le wrapper est en overflow:hidden, le dessus de l'image est aussi caché lors de l'animation.

Bref, je patauge

Vous avez des pistes?
Merci

http://www.developpez.com/actu/76495/Microsoft-10-millions-de-spam-bloques-par-minute-par-Exchange-Online-Protection-la-solution-gagne-en-fonctionnalites/

le truc pour partager.

de rien.

Merci njn[g]fdfdfd]fd (pseudo très pratique au passage ), j'ai pu m'en inspirer.

Par contre, l'ombre est légèrement visible sur les côtés du wrapper autour des icones de réseau sociaux

Existe un moyen de camoufler ça

désolé pour mon pseudo, les deux autres sont bans.

je vois pas ce que tu veux dire, un screen ou le code source ne serait pas de trop.

C'est un détail en fait:

C'est ça que je voulais dire dans mon premier post en fait, pour dessiner ça sous photoshop, j'ai pu tricher en rajoutant des formes pour camoufler la portée l'ombre, par contre je ne sais pas comment le faire en css, si seulement c'est possible.

Mais bon, c'est un détail, ton exemple ma déjà bien aidé. Pour le moment je vais simplement diminuer l'intensité de l'ombre pour que ça se voit un peu moins...

Merci

J'ai essayé de refaire le plus fidèlement ce que tu as montré dans le premier post.

http://jsfiddle.net/xq0hqpcp/4/

J'espère que ça t'aidera.