CSS atan() 函数

定义和用法

CSS 的 atan() 函数返回一个介于 -∞ 到 ∞ 之间的数字的反正切值。

数字的反正切值返回一个介于 -90 到 90 度之间的角度。

一些例子：

• atan(-1) 表示 -45 度
• atan(0) 表示 0 度
• atan(1) 表示 45 度
• atan(-∞) 表示 -90 度
• atan(∞) 表示 90 度

实例

使用 atan() 旋转元素：

div.a {
  transform: rotate(atan(500));
}

div.b {
  transform: rotate(atan(1));
}

div.c {
  transform: rotate(atan(0));
}

div.d {
  transform: rotate(atan(-5000));
}

亲自试一试

CSS 语法

atan(number)

技术细节

浏览器支持

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