CSS asin() 関数

定義と使用方法

CSSの asin() 関数は数の反三角関数を返します。

数の反三角関数は、-90から90度の間の角度を返します。

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

例

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

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

実際に試してみる

CSS 语法

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

技術的詳細

バージョン： CSS4

ブラウザのサポート

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

Chrome Edge Firefox Safari Opera
111 111 108 15.4 97

関連ページ

参考：CSS acos() 函数

参考：CSS atan() 函数

参考：CSS atan2() 関数

参考：CSS calc() 関数

参考：CSS cos() 関数

参考：CSS exp() 関数

参考：CSS hypot() 関数

参考：CSS log() 関数

参考：CSS mod() 関数

参考：CSS pow() 関数

参考：CSS sin() 函数

参考：CSS sqrt() 函数

参考：CSS tan() 函数