CSS atan2() 函数

定义和用法

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

这些值可以是数字、尺寸或百分比。两个值必须是相同类型。

该函数返回一个介于 -180 到 180 度之间的角度。

实例

使用 atan2() 旋转元素：

div.a {
  transform: rotate(atan2(50, 100));
}

div.b {
  transform: rotate(atan2(30px, -3rem));
}

div.c {
  transform: rotate(atan2(40%, 75%));
}

div.d {
  transform: rotate(atan2(pi, 25));
}

亲自试一试

CSS 语法

atan2(y, x)

技术细节

浏览器支持

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

相关页面

参考：CSS acos() 函数

参考：CSS asin() 函数

参考：CSS atan() 函数

参考：CSS calc() 函数

参考：CSS cos() 函数

参考：CSS exp() 函数

参考：CSS hypot() 函数

参考：CSS log() 函数

参考：CSS mod() 函数

参考：CSS pow() 函数

参考：CSS sin() 函数

参考：CSS sqrt() 函数

参考：CSS tan() 函数