CSS asin() Function
Example
Use asin() to rotate elements:
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 »
Definition and Usage
The CSS asin() function returns the inverse
sine of a number.
The inverse sine of a number returns an angle between -90 and 90 degrees.
The specified number must be between -1 to 1, otherwise this function returns NaN.
| Version: | CSS4 |
|---|
Browser Support
The numbers in the table specify the first browser version that fully supports the function.
| Function | |||||
|---|---|---|---|---|---|
| asin() | 111 | 111 | 108 | 15.4 | 97 |
CSS Syntax
asin(number)
| Value | Description |
|---|---|
| number | Required. A number between -1 and 1 |
Related Pages
CSS reference: CSS acos() function.
CSS reference: CSS atan() function.
CSS reference: CSS atan2() function.
CSS reference: CSS calc() function.
CSS reference: CSS cos() function.
CSS reference: CSS exp() function.
CSS reference: CSS hypot() function.
CSS reference: CSS log() function.
CSS reference: CSS mod() function.
CSS reference: CSS pow() function.
