CSS acos() function

Definition and Usage

CSS's acos() The function returns the inverse cosine of a number.

The inverse cosine of a number returns an angle between 0 to 180 degrees.

The specified number must be between -1 and 1, otherwise the function will return NaN.

Example

Using acos() Rotating Element:

div.a {
  transform: rotate(acos(0.5));
}
div.b {
  transform: rotate(acos(1));
}
div.c {
  transform: rotate(acos(-0.5));
}
div.d {
  transform: rotate(acos(-1));
}

Try It Yourself

CSS Syntax

acos(number)

Technical Details

Browser Support

The numbers in the table represent the first browser version that fully supports this function.

Related Page

Reference:CSS asin() function

Reference:CSS atan() Function

Reference:CSS atan2() Function

Reference:CSS calc() Function

Reference:CSS cos() Function

Reference:CSS exp() Function

Reference:CSS hypot() Function

Reference:CSS log() Function

Reference:CSS mod() Function

Reference:CSS pow() Function

Reference:CSS sin() function

Reference:CSS sqrt() function

Reference:CSS tan() function