CSS Transitions: Difference between revisions

(→‎Under-specified Behavior: clarify SVG behavior)
Line 63: Line 63:
** We would just have to map the non-linear CSS keywords (e.g. ease-out, ease-in, etc) to a set of cubic bezier control points.
** We would just have to map the non-linear CSS keywords (e.g. ease-out, ease-in, etc) to a set of cubic bezier control points.
* Both specs treat a negative start time (called 'delay' in CSS transitions) in the same way (e.g. start the animation immediately but act as if you had started in the past)
* Both specs treat a negative start time (called 'delay' in CSS transitions) in the same way (e.g. start the animation immediately but act as if you had started in the past)
= Interaction with SMIL Animations in SVG content =
* In WebKit, CSS Transitions can apply to SVG content.  This raises the question of how transitions and SVG animations should stack when they're both trying to animate the same property.
* Currently, the [http://webkit.org/specs/CSSVisualEffects/CSSTransitions.html proposed spec] doesn't address this at all.
* It seems like it'd make the most sense to treat the transition as just another non-additive animation in the [http://www.w3.org/TR/smil-animation/#AnimationSandwichModel SMIL Sandwich Model].
* TODO: Test WebKit's implementation & find out how they handle this
Confirmed users
489

edits