[css3-transitions] Query about the order of animations in a transition on multiple properties

Dear Sir/Madam,

I've studied the CSS Level 3 Transitions Module provided on the W3C.org
site, and I have a question about it.

If I specify transitions on multiple properties, say height, then width,
then opacity, in that order with each successive property being made to wait
(via the delay property) before occurring, and if those effects are fired
with the :hover pseudo-class, then is there a way, within CSS3 itself, to
reverse the order of properties transitioned when the user moves the mouse
away from the element.

Using transition, the order would be *height width opacity* on hover,
and *height
width opacity* on mouse out. Is there a way to have it *height width opacity
* on hover, and *opacity width heigh*t on mouse out? It would make it seems
more like a reversal of the animation, than a restart of the same animation
in the other direction.

I realize that the Module is in the Working Draft stage, and not a
Recommendation, but I wanted to ask anyway.

I hope to hear from you soon.

Many thanks,
Tom Davis.

Received on Thursday, 25 November 2010 14:06:19 UTC