Fungsi cos() CSS

Definisi dan penggunaan

Fungsi cos() CSS cos() Fungsi mengembalikan nilai kosinus sudut suatu sudut.

Nilai kosinus sudut selalu mengembalikan angka yang antara -1 dan 1.

Contoh

Gunakan cos() Pertahankan ukuran kotak berputar:

div.c {
  width: calc(120px * cos(25deg));
  height: calc(120px * cos(25deg));
  margin: calc(120px/4 * cos(25deg));
  background-color: maroon;
  transform: rotate(25deg);
  transform-origin: center;
  translate: -10px 10px;
}

Coba sendiri

Syntaks CSS

cos(angle)
Nilai Deskripsi
angle Diperlukan. Dihubungkan ke nilai hitung 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

Referensi:Fungsi acos() CSS

Referensi:Fungsi asin() CSS

Referensi:Fungsi atan() CSS

Referensi:Fungsi atan2() CSS

Referensi:Fungsi calc() CSS

Referensi:Fungsi exp() CSS

Referensi:Fungsi hypot() CSS

Referensi:Fungsi log() CSS

Referensi:Fungsi mod() CSS

Referensi:Fungsi pow() CSS

Referensi:Fungsi sin() CSS

Referensi:Fungsi sqrt() CSS

Referensi:Fungsi tan() CSS