Discussion :

[themoye]

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 :

S�lectionner tout - Visualiser dans une fen�tre � part

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

[SpaceFrog]

peut �tre avec des fonctions d'animation du type de celle de jquery et son plugin ease...

[themoye]

Alu SpaceFrog, merci pour ta r�ponse.

Oui, c'est pas faux, j'ai pens� � utiliser JQuery avec la fontion .animate()

Mais je ne sais pas sur quelles propri�t�s CSS cette fonction peut marcher...

Quand au plugin ease, je ne connais pas, je vais de ce pas faire une recherche