This is an experimental technology
Check the Browser compatibility table carefully before using this in production.
Draft
This page is not complete.
The offset-rotate
CSS property defines the direction of the element while positioning along the offset path.
If 'auto' is given to offset-rotate
, the element rotates in the direction of the path defined with offset-path
.
Early versions of the spec called this property motion-rotation
.
{cssinfo}}
Syntax
TBD
Formal syntax
[ auto | reverse ] || <angle>
Examples
TBD
Specifications
Specification | Status | Comment |
---|---|---|
Motion Path Module Level 1 The definition of 'offset-rotate' in that specification. |
Working Draft | Initial definition |
Browser compatibility
Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
---|---|---|---|---|---|
Basic support | 46.0 (as motion-rotation )55.0 (as offset-rotation )56.0 (as offset-rotate ) [1] |
No support | No support | No support | No support |
Feature | Android | Android Webview | Firefox Mobile (Gecko) | Firefox OS | IE Mobile | Opera Mobile | Safari Mobile | Chrome for Android |
---|---|---|---|---|---|---|---|---|
Basic support | No support | 46.0 (as motion-rotation )55.0 (as offset-rotation )56.0 (as offset-rotate ) [1] |
No support | No support | No support | No support | No support | 46.0 (as motion-rotation )55.0 (as offset-rotation )56.0 (as offset-rotate ) [1] |
[1] These changes reflect changes in the spec.