<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).
Syntax
/* Usage 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.
116+
122+
16+
116+
Your first month is free
Managed WordPress hosting for faster sites.
Learn more