Re: Apple's Proposal for CSS Animation

David, it is not clear from the proposal: what exactly triggers the 
transition?

In h-smile core we have experimental implementation of animations .

These two declarations define two final states:

div:expanded
{
   transition: slide;
}

div:collapsed
{
   transition: slide;
   overflow:hidden;
   height:0;
}

Animation is being triggered by setting correspondent state of DOM element

element.setState( STATE_EXPANDED |  STATE_COLLAPSED | etc.)

setState function is changing internal state flags of element. This 
state flags are reflected to
CSSs :expanded and :collapsed flags so exact moment of when to start 
animation and final states
are known. There is no other methods to trigger animations other than 
element.setState call.

So is the question: when transition starts in your case?

And another one related to the above: consider following:

div { transition: none; }
div:hover { transition: blend; }

and two events: mouse-enter and mouse-leave on such element. When 
animation will happen?
On mouse-enter or mouse-leave or both?

Andrew Fedoniouk.
http://terrainformatica.com

side-note (
  Duration and other parameters of animations in our case is a matter of 
user's settings/preferences
  thus transition attribute is very simple:
      transition: blend | slide | image (enable/disable animation of gifs)
In principle there are not too many choices for delay/durations of 
transitions - they are standard:
e.g. window expand/collapse is a constant time in Windows.
)

Received on Wednesday, 7 November 2007 21:31:02 UTC