Rekomendasi kursus:
- Halaman sebelumnya Fungsi asin() CSS
- Halaman berikutnya Fungsi atan2() CSS
- Kembali ke tingkat atas Panduan Referensi Fungsi CSS
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)); }
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
- Halaman sebelumnya Fungsi asin() CSS
- Halaman berikutnya Fungsi atan2() CSS
- Kembali ke tingkat atas Panduan Referensi Fungsi CSS