Fungsi sin() CSS

Definisi dan penggunaan

Fungsi sin() CSS sin() Fungsi mengembalikan nilai sinus suatu angka (sudut).

Nilai sinus sudut selalu kembalikan nilai antara -1 dan 1.

contoh

pada calc() dalam fungsi sin() Atur lebar dan tinggi tiga elemen <div> ini：

div.a {
  width: calc(sin(0.25turn) * 120px);
  height: calc(sin(30deg) * 120px);
  background-color: salmon;
  margin-bottom: 25px;
}
div.b {
  width: calc(sin(90) * 120px);
  height: calc(sin(2*1.125) * 120px);
  background-color: green;
  margin-bottom: 25px;
}
div.c {
  width: calc(sin(pi/2) * 120px);
  height: calc(sin(pi/2) * 120px);
  background-color: maroon;
}

Coba sendiri

Sintaksis CSS

sin(sudut)
Nilai Deskripsi
sudut Diperlukan. Hasil perhitungan adalah ekspresi angka atau sudut.

Detil teknis

Versi： CSS4

Dukungan browser

Angka di tabel menunjukkan versi browser yang pertama yang mendukung fungsi ini penuh.

Chrome Edge Firefox Safari Opera
111 111 108 15.4 97

Halaman yang berhubungan

Rujukan:Fungsi acos() CSS

Rujukan:Fungsi asin() CSS

Rujukan:Fungsi atan() CSS

Rujukan:Fungsi atan2() CSS

Rujukan:Fungsi calc() CSS

Rujukan:Fungsi cos() CSS

Rujukan:Fungsi exp() CSS

Rujukan:Fungsi hypot() CSS

Rujukan:Fungsi log() CSS

Rujukan:Fungsi mod() CSS

Rujukan:Fungsi pow() CSS

Rujukan:Fungsi sqrt() CSS

Rujukan:Fungsi tan() CSS