Discussion :

[gearsofcha]

Bonjour à tous,

Voila j'aimerais bien réaliser un ptit truc sur une photo mais impossible.
J'aimerais mettre un image en haut à droite de ma page.
Jusque là, pas de problème.

Mais cette image n'est pas totalement visible, la moitié gauche les seulement. L'autre moité est "cachée" car elle sort de l'écran en gros.

J'aimerais bien que lorsqu'il y a un :hover sur la photo qu'elle défille vers la gauche comme ça elle serait totalement visible mais je n'y parvient pas.

J'ai utilisé ce tuto pour m'inspirer mais pas moyen : http://css-tricks.com/examples/SlideinCaptions/

Quelqu'un a une idée ?

Merci beaucoup

[Muchos]

Il suffit de la décaler vers la gauche d'autant qu'elle est cachée. Imaginons que seulement la moitié d'une image de 250 px soit visible, ça donnera :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
img:hover, img:focus {
margin-left: -125px;
}

Vous pouvez même utiliser la classe css3 transition pour faire un effet plus doux...