Fungsi atan() CSS

Definisi dan penggunaan

CSS atan() Fungsi mengembalikan nilai arctan bilangan yang berada di antara -∞ sampai ∞.

Hasil arctan bilangan mengembalikan sudut antara -90 hingga 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 putar:

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

Sintaksis CSS

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

Detil teknologi

Versi： CSS4

Dukungan pereksa

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

Chrome Edge Firefox Safari Opera
111 111 108 15.4 97

Halaman berkenaan

Rujukan:Fungsi acos() CSS

Rujukan:Fungsi asin() 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 sin() CSS

Rujukan:Fungsi sqrt() CSS

Rujukan:Fungsi tan() CSS