🏠 New in High Baseline Support: Motion path

March 12, 2025

caniuse · mdn · spec

The offset CSS property animates an element along a defined motion path.

Source features

• css.properties.offset-path [mdn]
• css.properties.offset [mdn]
• css.properties.offset-distance [mdn]
• css.properties.offset-rotate [mdn]
• css.properties.offset-rotate.auto [mdn]
• css.properties.offset-rotate.reverse [mdn]
• css.properties.offset-path.path [mdn]
• css.properties.offset-anchor [mdn]
• css.properties.offset-anchor.auto [mdn]
• css.properties.offset-anchor.bottom [mdn]
• css.properties.offset-anchor.center [mdn]
• css.properties.offset-anchor.left [mdn]
• css.properties.offset-anchor.right [mdn]
• css.properties.offset-anchor.top [mdn]
• css.properties.offset-path.ray [mdn]
• css.properties.offset-position [mdn]
• css.properties.offset-position.auto [mdn]
• css.properties.offset-position.bottom [mdn]
• css.properties.offset-position.center [mdn]
• css.properties.offset-position.left [mdn]
• css.properties.offset-position.right [mdn]
• css.properties.offset-position.top [mdn]
• css.types.ray [mdn]
• css.properties.offset-path.url [mdn]
• css.types.ray.size [mdn]
• css.properties.offset-position.normal [mdn]
• css.types.ray.position [mdn]
• css.properties.offset-path.none [mdn]
• css.properties.offset-path.basic_shape [mdn]
• css.properties.offset-path.border-box [mdn]
• css.properties.offset-path.content-box [mdn]
• css.properties.offset-path.fill-box [mdn]
• css.properties.offset-path.padding-box [mdn]
• css.properties.offset-path.stroke-box [mdn]
• css.properties.offset-path.view-box [mdn]
• css.properties.offset-path.margin-box [mdn]