Confirmed users
489
edits
CSS Transitions: Difference between revisions
→Interaction with SMIL Animations in SVG content
| Line 67: | Line 67: | ||
* 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 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]. | * 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." | ||
** "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: [...]") | |||