Bonjour !
Il s'agit simplement d'un réglage malheureux, pour ainsi dire XD En réalité, le "défilement" est effectivement doux, mais :
- Losrque tu survoles l'image, le fond change tout de suite (enfin presque *a attendu trois plombes*), et le bloc "s'ouvre" lentement
- Lorsque tu retires ton curseur, le fond change tout de suite aussi, et le bloc se "ferme" lentement... sauf qu'en l’occurrence, on ne voit rien vu que l'image de fond normale n'a pas de panneau latéral.
Moralité, il te faut n'utiliser qu'une seule image pour l'état ouvert et fermé !
Voici une version de ton CSS plus appropriée à ce que tu souhaites (en espérant que je n'aie pas oublié une transition) :
- Code:
-
#sachami {
transition :width 2s ease;
-o-transition : width 2s ease;
-webkit-transition : width 2s ease;
-moz-transition: width 2s ease;
background-image: url("http://i67.servimg.com/u/f67/11/97/13/62/sachao11.png") no-repeat;
height: 328px;
width: 89px;
overflow: hidden;
}
#sachami:hover {
width: 557px;
}
(Inutile de répéter les propriétés height et compagnie, elles ne changent pas.)
C'est évidemment à adapter pour les rouleaux ^^
(Rhaaaaa, pour une fois que je ne me fais pas prendre de vitesse, joiiiiieeeee)