CSS atan2() 関数

定義と使用方法

CSSの atan2() 関数は、-∞から∞までの2つの値の反正切値を返します。

これらの値は、数字、サイズ、またはパーセンテージでできます。2つの値は同じタイプでなければなりません。

この関数は、-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() 函数