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. Di解析为数字或角度的计算值。

Detil teknis

Versi: CSS4

Dukungan browser

Angka di dalam 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 exp() CSS

Rujukan:Fungsi hypot() CSS

Rujukan:Fungsi log() CSS

Rujukan:Fungsi mod() CSS

Rujukan:Fungsi pow() CSS

Rujukan:Fungsi sin() CSS

Rujukan:Fungsi sqrt() CSS

Rujukan:Fungsi tan() CSS