CSS acos() 関数

定義と使用方法

CSSの acos() この関数は、数字の反余弦値を返します。

数字の反余弦値は、0から180度の間の角度を返します。

指定された数は、-1から1の間でなければなりません。さもなければ、この関数は NaN を返します。

例

使用 acos() 回転する要素：

div.a {
  transform: rotate(acos(0.5));
}
div.b {
  transform: rotate(acos(1));
}
div.c {
  transform: rotate(acos(-0.5));
}
div.d {
  transform: rotate(acos(-1));
}

実際に試してみてください

CSS 語法

acos(number)
値 説明
number 必須。-1から1の間の数。

技術的な詳細

バージョン： CSS4

ブラウザのサポート

テーブルの数字は、その関数を完全にサポートする最初のブラウザのバージョンを示しています。

Chrome Edge Firefox Safari Opera
111 111 108 15.4 97

関連ページ

参照：CSS asin() 関数

参照：CSS atan() 関数

参照：CSS atan2() 関数

参照：CSS calc() 関数

参照：CSS cos() 関数

参照：CSS exp() 関数

参照：CSS hypot() 関数

参照：CSS log() 関数

参照：CSS mod() 関数

参照：CSS pow() 関数

参照：CSS sin() 関数

参照：CSS sqrt() 関数

参照：CSS tan() 関数