Fungsi atan2() CSS

Definisi dan penggunaan

Fungsi CSS atan2() Fungsi mengembalikan arctan dari dua nilai yang berada di antara -∞ hingga ∞.

Nilai ini dapat berupa angka, ukuran, atau persen. Kedua nilai harus memiliki jenis yang sama.

Fungsi ini mengembalikan sudut antara -180 hingga 180 derajat.

Contoh

Gunakan atan2() Elemen putar:

div.a {
  transform: rotate(atan2(50, 100));
}
div.b {
  transform: rotate(atan2(30px, -3rem));
}
div.c {
  transform: rotate(atan2(40%, 75%));
}
div.d {
  transform: rotate(atan2(pi, 25));
}

Coba sendiri

Syarat CSS

atan2(y, x)
Nilai Deskripsi
y Diperlukan. Koordinat y. Bisa berupa angka, ukuran, atau persen.
x Diperlukan. Koordinat x. Bisa berupa angka, ukuran, atau persen.

Rincian teknis

Versi: CSS4

Dukungan perpustakaan

Angka di dalam tabel menunjukkan versi paling awal yang mendukung fungsi ini.

Chrome Edge Firefox Safari Opera
111 111 108 15.4 97

Halaman yang berkenaan

Rujukan:Fungsi acos() CSS

Rujukan:Fungsi asin() CSS

Rujukan:Fungsi atan() 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