wiki:Transforms-Transitions-Animations

Version 7 (modified by Simon Fraser, 15 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

  • http://dev.w3.org/csswg/css3-3d-transforms/
  • Supported in WebKit (on certain platforms)
  • Details
    • Extension of 2d transforms
    • Requires platform-suppored 3d-rendering capability (ACCELERATED_COMPOSITING)
    • Coordinate conversion and hit testing implemented in software
    • Rendering poorly specified
    • Implemented via GraphicsLayer

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

Note: See TracWiki for help on using the wiki.