<atan>

A mathematical function that calculates the arctangent of a number. This is essential for calculating slope-based angles in CSS without needing JavaScript.

/* Usage Example */
.triangle-path {
  /* Sets an angle based on height/width ratios */
  transform: rotate(calc(atan(0.75)));
}
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+
Kinsta

Your first month is free

Managed WordPress hosting for faster sites.

Learn more

New CSS drops.

Join 600+ readers who've survived clearfix hacks.

ESC