Fungsi sin() CSS

Definisi dan penggunaan

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

Nilai sinus sudut selalu mengembalikan nilai yang berada di antara -1 dan 1.

contoh

di calc() Fungsi digunakan sin() Untuk menetapkan 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

Syntaks CSS

sin(sudut)

Detil teknikal

Dukungan pereksa

Angka di dalam tabel menunjukkan versi pereksa pertama yang mendukung fungsi ini.

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