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)
值 描述
number 必需。一個介于 -∞ 到 ∞ 之間的數字。

技術細節

版本： CSS4

瀏覽器支持

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

Chrome Edge Firefox Safari Opera
111 111 108 15.4 97

相關頁面

參考：CSS acos() 函數

參考：CSS asin() 函數

參考：CSS atan2() 函數

參考：CSS calc() 函數

參考：CSS cos() 函數

參考：CSS exp() 函數

參考：CSS hypot() 函數

參考：CSS log() 函數

參考：CSS mod() 函數

參考：CSS pow() 函數

參考：CSS sin() 函數

參考：CSS sqrt() 函數

參考：CSS tan() 函數