CSS asin() function

Definition and usage

CSS asin() The function returns the arcsine of a number.

The arcsine of a number returns an angle between -90 to 90 degrees.

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

Example

Using asin() Rotating element:

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

Try it yourself

CSS syntax

asin(number)

Technical details

Browser support

The numbers in the table represent the first browser version to fully support this function.

Related pages

Reference:CSS acos() 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