<ray>
A function used in the motion path module to define a path that starts at a single point and shoots out in a specific direction (like a ray of light).
Quick example
.moving-dot {
/* Moves the element 100px away from its start along a 45-degree angle */
offset-path: ray(45deg);
offset-distance: 100px;
}<ray> Browser Support
Widely available Since 2022 88% global usage
This feature is well established and works across many devices and browser versions. It has been available across browsers since 2022.
Safe to use without fallbacks.
116+
122+
16+
116+