<atan> | CSS Types & Functions

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

Quick example

.triangle-path {
  /* Sets an angle based on height/width ratios */
  transform: rotate(calc(atan(0.75)));
}

<atan> 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.

View on caniuse.com → View on MDN → View on webstatus.dev → View spec → Learn more about Baseline →

111+

108+

15.4+

111+