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)
值 描述
y 必需。y 坐標。可以是數字、尺寸或百分比。
x 必需。x 坐標。可以是數字、尺寸或百分比。

技術細節

版本： CSS4

瀏覽器支持

表格中的數字表示首個完全支持該函數的瀏覽器版本。

Chrome Edge Firefox Safari Opera
111 111 108 15.4 97

相關頁面

參考：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() 函數