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 persentase. Dua nilai harus memiliki jenis yang sama.

Fungsi ini mengembalikan sudut antara -180 hingga 180 derajat.

Contoh

Dengan atan2() Elemen yang dirotasi:

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

CSS Syntax

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

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 atan() 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