Confirmed users
489
edits
CSS Transitions: Difference between revisions
m
s/proposed spec/proposed CSS Transitions spec/
(→Comparison with SMIL animations: add information about the diferences between SMIL and CSS transitions regarding mapping between an animation and an element) |
m (s/proposed spec/proposed CSS Transitions spec/) |
||
| Line 69: | Line 69: | ||
= Interaction with SMIL Animations in SVG content = | = 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. | * 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. | * Currently, the [http://webkit.org/specs/CSSVisualEffects/CSSTransitions.html proposed CSS Transitions 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]. To elaborate, here are some relevant quotes from that model's description: | * 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]. To elaborate, here are some relevant quotes from that model's description: | ||
** "Each additive animation adds its effect to the result of all sandwich layers below. A non-additive animation simply overrides the result of all lower sandwich layers." | ** "Each additive animation adds its effect to the result of all sandwich layers below. A non-additive animation simply overrides the result of all lower sandwich layers." | ||
** "The animation first begun has lowest priority and the most recently begun animation has highest priority. When two animations start at the same moment in time, the activation order is resolved as follows: [...]") | ** "The animation first begun has lowest priority and the most recently begun animation has highest priority. When two animations start at the same moment in time, the activation order is resolved as follows: [...]") | ||