= 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 = * http://dev.w3.org/csswg/css3-animations/ * Supported in WebKit * Explicit animation * Implemented via AnimationController, ImplicitAnimation