wiki:Transforms-Transitions-Animations

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