<cos>
A CSS math function that calculates the cosine of an angle. This is incredibly powerful for complex animations or circular layouts purely in CSS.
Quick example
.rotating-dot {
/* Uses cosine to calculate width based on an angle property */
width: calc(100px * cos(var(--angle)));
}<cos> 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+