<sin>
Calculates the sine of an angle. Part of the trigonometric function suite in CSS, allowing you to create complex circular layouts or wave-like animations.
Syntax
/* Usage Example */
.orbiting-item {
/* Creates a horizontal wave motion based on an angle */
left: calc(sin(var(--rotation)) * 100px);
}<sin> Browser support
Widely available
Since
2023 92% global usage
This feature is well established and works across many devices and browser versions. It has been available across browsers since 2023.
111+
108+
15.4+
111+
Your first month is free
Managed WordPress hosting for faster sites.
Learn more