<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.
Quick 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.
Safe to use without fallbacks.
111+
108+
15.4+
111+