wiki:Transforms-Transitions-Animations

Version 8 (modified by Simon Fraser, 10 years ago) (diff)

--

CSS Transforms

2D transforms

  • http://dev.w3.org/csswg/css3-2d-transforms/
  • Supported in WebKit, Firefox, Opera
  • Implemented via GraphicsContext
  • Details:
    • Rendering and coordinate code should not assume elements are screen-aligned
    • coordinate conversion (RenderObject::localToAbsolute*)
    • implemented via RenderLayers

3D transforms

CSS Transitions

  • http://dev.w3.org/csswg/css3-transitions/
  • Supported in WebKit, Firefox, Opera
  • Details
    • Interpolation when properties change
    • Implemented via AnimationController, KeyframeAnimation
    • Glue to offload some animations to GraphicsLayer

CSS Animations