[Java script et CSS3] Une animation fluide?
Bonsoir tout le monde !
Je cherche � cr�er une petite animation sympatoche, sans passer par du flash.
Pour ce faire, j'ai deux div sur lesquels j'ai appliqu� (via CSS) une transformation de ce type :
Code:
1
2
|
-moz-transform: rotate(-15deg) skew(-15deg,-15deg); |
Lors d'un OnMouseOver, la div reprend un angle et un skew de 0�, ainsi qu'un scale x 2.
Lors d'un OnMouseOut, la div reprend son aspect "perspective".
Mais j'aimerais que, par exemple, le scale ne passe pas de 1 � 2 lors de l'entr�e de la souris.
J'aimerais qu'il s'incr�mente (un peu � la mani�re des transitions effectu�es par JQuery) plus ou moins doucement.
J'ai tent� d'appeler une fonction toutes les X millisecondes, incr�mentant ma variable entre 1 et 2, mais le r�sultat est plus qu'al�atoire...
Ce n'est pas fluide, parfois toutes mes boxs ont leur valeur qui augmentes...
Y existe il un moyen de rendre le tout plus propre?
Merci :)
