CSS acos() 函数

定义和用法

CSS 的 acos() 函数返回一个数字的反余弦值。

数字的反余弦值返回一个介于 0 到 180 度之间的角度。

指定的数字必须在 -1 到 1 之间，否则该函数将返回 NaN。

实例

使用 acos() 旋转元素：

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));
}

亲自试一试

CSS 语法

acos(number)
值 描述
number 必需。一个介于 -1 到 1 之间的数字。

技术细节

版本： CSS4

浏览器支持

表格中的数字表示首个完全支持该函数的浏览器版本。

Chrome Edge Firefox Safari Opera
111 111 108 15.4 97

相关页面

参考：CSS asin() 函数

参考：CSS atan() 函数

参考：CSS atan2() 函数

参考：CSS calc() 函数

参考：CSS cos() 函数

参考：CSS exp() 函数

参考：CSS hypot() 函数

参考：CSS log() 函数

参考：CSS mod() 函数

参考：CSS pow() 函数

参考：CSS sin() 函数

参考：CSS sqrt() 函数

参考：CSS tan() 函数