{
    "offset-anchor-property": [
        {
            "engines": [
                "gecko",
                "webkit"
            ],
            "filename": "css/properties/offset-anchor.json",
            "name": "offset-anchor",
            "slug": "CSS/offset-anchor",
            "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/offset-anchor",
            "summary": "The offset-anchor CSS property specifies the point inside the box of an element traveling along an offset-path that is actually moving along the path.",
            "support": {
                "chrome": {
                    "version_added": false
                },
                "chrome_android": "mirror",
                "edge": "mirror",
                "firefox": {
                    "version_added": "72"
                },
                "firefox_android": "mirror",
                "ie": {
                    "version_added": false
                },
                "oculus": "mirror",
                "opera": "mirror",
                "opera_android": "mirror",
                "safari": {
                    "version_added": "preview"
                },
                "safari_ios": "mirror",
                "samsunginternet_android": "mirror",
                "webview_android": "mirror",
                "edge_blink": {
                    "version_added": false
                }
            },
            "title": "offset-anchor"
        }
    ],
    "offset-distance-property": [
        {
            "engines": [
                "blink",
                "gecko",
                "webkit"
            ],
            "filename": "css/properties/offset-distance.json",
            "name": "offset-distance",
            "slug": "CSS/offset-distance",
            "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/offset-distance",
            "summary": "The offset-distance CSS property specifies a position along an offset-path for an element to be placed.",
            "support": {
                "chrome": [
                    {
                        "version_added": "55"
                    },
                    {
                        "alternative_name": "motion-distance",
                        "version_added": "46"
                    }
                ],
                "chrome_android": "mirror",
                "edge": "mirror",
                "firefox": {
                    "version_added": "72"
                },
                "firefox_android": "mirror",
                "ie": {
                    "version_added": false
                },
                "oculus": "mirror",
                "opera": "mirror",
                "opera_android": "mirror",
                "safari": {
                    "version_added": "preview"
                },
                "safari_ios": "mirror",
                "samsunginternet_android": "mirror",
                "webview_android": "mirror",
                "edge_blink": [
                    {
                        "version_added": "79"
                    },
                    {
                        "alternative_name": "motion-distance",
                        "version_added": "79"
                    }
                ]
            },
            "title": "offset-distance"
        }
    ],
    "offset-path-property": [
        {
            "engines": [
                "blink",
                "gecko",
                "webkit"
            ],
            "filename": "css/properties/offset-path.json",
            "name": "offset-path",
            "slug": "CSS/offset-path",
            "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/offset-path",
            "summary": "The offset-path CSS property specifies a motion path for an element to follow and defines the element's positioning within the parent container or SVG coordinate system.",
            "support": {
                "chrome": [
                    {
                        "version_added": "55"
                    },
                    {
                        "alternative_name": "motion-path",
                        "version_added": "46"
                    }
                ],
                "chrome_android": "mirror",
                "edge": "mirror",
                "firefox": {
                    "version_added": "72"
                },
                "firefox_android": "mirror",
                "ie": {
                    "version_added": false
                },
                "oculus": "mirror",
                "opera": [
                    {
                        "version_added": "45"
                    },
                    {
                        "alternative_name": "motion-path",
                        "version_added": "32"
                    }
                ],
                "opera_android": [
                    {
                        "version_added": "43"
                    },
                    {
                        "alternative_name": "motion-path",
                        "version_added": "32"
                    }
                ],
                "safari": {
                    "version_added": "15.4"
                },
                "safari_ios": "mirror",
                "samsunginternet_android": [
                    {
                        "version_added": "6.0",
                        "notes": "<code>path()</code> is the only value type supported."
                    },
                    {
                        "alternative_name": "motion-path",
                        "version_added": "5.0"
                    }
                ],
                "webview_android": "mirror",
                "edge_blink": [
                    {
                        "version_added": "79"
                    },
                    {
                        "alternative_name": "motion-path",
                        "version_added": "79"
                    }
                ]
            },
            "title": "offset-path"
        }
    ],
    "offset-position-property": [
        {
            "engines": [
                "blink",
                "gecko",
                "webkit"
            ],
            "needsflag": [
                "blink",
                "gecko"
            ],
            "filename": "css/properties/offset-position.json",
            "name": "offset-position",
            "slug": "CSS/offset-position",
            "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/offset-position",
            "summary": "The offset-position CSS property defines the initial position of an element along a path. This property is typically used in combination with the offset-path property to create a motion effect. The value of offset-position determines where the element gets placed initially for moving along an offset-path if the offset-path function does not specify its own starting position.",
            "support": {
                "chrome": {
                    "version_added": "115",
                    "flags": [
                        {
                            "type": "preference",
                            "name": "#enable-experimental-web-platform-features",
                            "value_to_set": "Enabled"
                        }
                    ]
                },
                "chrome_android": "mirror",
                "edge": "mirror",
                "firefox": {
                    "version_added": "116",
                    "flags": [
                        {
                            "type": "preference",
                            "name": "layout.css.motion-path-offset-position.enabled",
                            "value_to_set": "true"
                        }
                    ]
                },
                "firefox_android": "mirror",
                "ie": {
                    "version_added": false
                },
                "oculus": "mirror",
                "opera": "mirror",
                "opera_android": "mirror",
                "safari": {
                    "version_added": "preview"
                },
                "safari_ios": "mirror",
                "samsunginternet_android": "mirror",
                "webview_android": "mirror",
                "edge_blink": {
                    "version_added": "115",
                    "flags": [
                        {
                            "type": "preference",
                            "name": "#enable-experimental-web-platform-features",
                            "value_to_set": "Enabled"
                        }
                    ]
                }
            },
            "title": "offset-position"
        }
    ],
    "offset-rotate-property": [
        {
            "engines": [
                "blink",
                "gecko",
                "webkit"
            ],
            "filename": "css/properties/offset-rotate.json",
            "name": "offset-rotate",
            "slug": "CSS/offset-rotate",
            "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/offset-rotate",
            "summary": "The offset-rotate CSS property defines the orientation/direction of the element as it is positioned along the offset-path.",
            "support": {
                "chrome": [
                    {
                        "version_added": "56"
                    },
                    {
                        "alternative_name": "offset-rotation",
                        "version_added": "55"
                    },
                    {
                        "alternative_name": "motion-rotation",
                        "version_added": "46"
                    }
                ],
                "chrome_android": "mirror",
                "edge": "mirror",
                "firefox": {
                    "version_added": "72"
                },
                "firefox_android": "mirror",
                "ie": {
                    "version_added": false
                },
                "oculus": "mirror",
                "opera": "mirror",
                "opera_android": "mirror",
                "safari": {
                    "version_added": "preview"
                },
                "safari_ios": "mirror",
                "samsunginternet_android": "mirror",
                "webview_android": "mirror",
                "edge_blink": [
                    {
                        "version_added": "79"
                    },
                    {
                        "alternative_name": "offset-rotation",
                        "version_added": "79"
                    },
                    {
                        "alternative_name": "motion-rotation",
                        "version_added": "79"
                    }
                ]
            },
            "title": "offset-rotate"
        }
    ],
    "offset-shorthand": [
        {
            "engines": [
                "blink",
                "gecko",
                "webkit"
            ],
            "filename": "css/properties/offset.json",
            "name": "offset",
            "slug": "CSS/offset",
            "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/offset",
            "summary": "The offset CSS shorthand property sets all the properties required for animating an element along a defined path.",
            "support": {
                "chrome": [
                    {
                        "version_added": "55"
                    },
                    {
                        "alternative_name": "motion",
                        "version_added": "46"
                    }
                ],
                "chrome_android": "mirror",
                "edge": "mirror",
                "firefox": {
                    "version_added": "72"
                },
                "firefox_android": "mirror",
                "ie": {
                    "version_added": false
                },
                "oculus": "mirror",
                "opera": "mirror",
                "opera_android": "mirror",
                "safari": {
                    "version_added": "16"
                },
                "safari_ios": "mirror",
                "samsunginternet_android": "mirror",
                "webview_android": "mirror",
                "edge_blink": [
                    {
                        "version_added": "79"
                    },
                    {
                        "alternative_name": "motion",
                        "version_added": "79"
                    }
                ]
            },
            "title": "offset"
        }
    ],
    "ray-function": [
        {
            "engines": [
                "blink",
                "gecko",
                "webkit"
            ],
            "needsflag": [
                "blink",
                "gecko"
            ],
            "filename": "css/types/ray.json",
            "name": "ray",
            "slug": "CSS/ray",
            "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/ray",
            "summary": "The ray() CSS function defines a line segment that begins from an offset-position and extends in the direction of the specified angle. The line segment is referred to as \"ray\". The length of a ray can be constrained by specifying a size and using the contain keyword.",
            "support": {
                "chrome": {
                    "version_added": "64",
                    "flags": [
                        {
                            "type": "preference",
                            "name": "#enable-experimental-web-platform-features",
                            "value_to_set": "Enabled"
                        }
                    ]
                },
                "chrome_android": "mirror",
                "edge": "mirror",
                "firefox": {
                    "version_added": "72",
                    "flags": [
                        {
                            "type": "preference",
                            "name": "layout.css.motion-path-ray.enabled",
                            "value_to_set": "true"
                        }
                    ]
                },
                "firefox_android": "mirror",
                "ie": {
                    "version_added": false
                },
                "oculus": "mirror",
                "opera": "mirror",
                "opera_android": "mirror",
                "safari": {
                    "version_added": "preview"
                },
                "safari_ios": "mirror",
                "samsunginternet_android": "mirror",
                "webview_android": "mirror",
                "edge_blink": {
                    "version_added": "79",
                    "flags": [
                        {
                            "type": "preference",
                            "name": "#enable-experimental-web-platform-features",
                            "value_to_set": "Enabled"
                        }
                    ]
                }
            },
            "title": "ray()"
        }
    ]
}
