CSS Reference

sin()

三角関数の正弦（サイン）を返す

sin()、cos()、tan() 各 CSS 関数を使用することで、CSS で三角関数（正弦（サイン / sin）、余弦（コサイン / cos）、正接（タンジェント / tan））を扱うことができます。ある要素を指定の曲線上に並べて配置するような用途で利用できます。

sin() 関数は、正弦（-1 ～ 1 までの値）を返す三角関数です。

引数はすべてラジアンとして解釈され、<number> もしくは <angle> データ型に解決できる値、計算を含めることができます。

sin()のサンプルソース

/* 可能な指定の例 - 引数はすべてラジアンとして扱われる */
sin(90deg);
sin(0.25turn);
sin(100grad);
sin(1.5708rad);
sin(1.5708);
sin(2 * 0.125);
sin(pi / 2);
sin(e / 4);

主要ブラウザの対応

IE11 ×
Edge（EdgeHTML） ×
Edge（Chromium） ○
Chrome ○
Firefox ○
Safari ○
iOS Safari ○
Android Chrome ○

関連するCSS関数

仕様書

用途から CSS プロパティやセレクタを探す

用途から CSS プロパティやセレクタを逆引きできます。

対応ブラウザから CSS プロパティやセレクタを探す

対応ブラウザから CSS プロパティやセレクタを逆引きできます。

Edge（EdgeHTML）
Edge（Chromium）
Firefox
Chrome
Safari
iOS Safari
Android Chrome