Discussion :

[PaladinFr]

Bonjour.

Peux t'on avoir deux durée pour une transition ?
Mettons que, par exemple, je fasse une transtion pour transformer une div de 100px de large en div de 200px de large en 3 secondes
Quand ma souri quitte la zone la div revient à 100px de large en 3secondes aussi.
Peux t'on changer ce 2ème délai ? Par exemple à 1 seconde ?
Voire le supprimer totalement ?
Pour reprendre mon exemple en quittant la zone de la div elle passerait immédiatement de 200px à 100px de large.

[psychadelic]

Je crois pas, ou en tout cas je vois pas comment.

peut être en mettant 2 durées une sur l'état initial, et l'autre sur l'état hover ??

ou alors en passant par une animation?? (jamais essayé)



Ce genre de truc ce fait tres facilement en jQuery avec la fonction animate

[PaladinFr]

Zut C'est dommage, ca pourrait être utile parfois pour certains effets.

Je vais tenter en mettant deux durées mais j'y crois pas trop

edit : ca marche !!!
En fait il faut mettre la durée "initial" à zéro et modifier la durée dans le hover.
Du coup l'animation se lance avec le hover et s'arrête brutalement en sortant du hover.