Rekomendasi kursus:

Fungsi atan() CSS

Definisi dan penggunaan CSS atan() Fungsi kembali nilai aritmetika invers tangen angka yang berada diantara -∞ sampai ∞.

Hasil aritmetika invers tangen kembali nilai angka yang berada diantara -90 sampai 90 derajat.

Beberapa contoh:

  • atan(-1) menunjukkan -45 derajat
  • atan(0) menunjukkan 0 derajat
  • atan(1) menunjukkan 45 derajat
  • atan(-∞) menunjukkan -90 derajat
  • atan(∞) menunjukkan 90 derajat

Contoh

Gunakan atan() Elemen yang dirotasi:

div.a {
  transform: rotate(atan(500));
}
div.b {
  transform: rotate(atan(1));
}
div.c {
  transform: rotate(atan(0));
}
div.d {
  transform: rotate(atan(-5000));
}

Coba sendiri

Syntaks CSS

atan(number)
Nilai Deskripsi
number Diperlukan. Angka yang berada diantara -∞ sampai ∞.

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 atan2() CSS

Referensi:Fungsi calc() CSS

Referensi:Fungsi cos() 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