W3cubDocs

/CSS

offset-rotate

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 Edge Firefox Internet Explorer Opera Safari
Basic support

56

551

462

? ? ? ? ?
Feature Android webview Chrome for Android Edge mobile Firefox for Android Opera Android iOS Safari Samsung Internet
Basic support

56

551

462

56

551

462

? ? ? ? ?

1. Supported as offset-rotation.

2. Supported as motion-rotation.

© 2005–2018 Mozilla Developer Network and individual contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/offset-rotate