Hàm atan2() trong CSS

Định nghĩa và cách sử dụng

CSS atan2() Hàm trả về giá trị反正切 của hai giá trị từ -∞ đến ∞.

Các giá trị này có thể là số, kích thước hoặc phần trăm. Hai giá trị phải là cùng loại.

Hàm này trả về một góc từ -180 đến 180 độ.

Mô hình

Sử dụng atan2() Đối tượng quay:

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));
}

Thử ngay

Ngữ pháp CSS

atan2(y, x)
Giá trị Mô tả
y Bắt buộc. Tọa độ y. Có thể là số, kích thước hoặc phần trăm.
x Bắt buộc. Tọa độ x. Có thể là số, kích thước hoặc phần trăm.

Chi tiết kỹ thuật

Phiên bản: CSS4

Hỗ trợ trình duyệt

Số trong bảng biểu thị phiên bản trình duyệt đầu tiên hỗ trợ hàm này hoàn toàn.

Chrome Edge Firefox Safari Opera
111 111 108 15.4 97

Trang liên quan

Tham khảo:Hàm acos() trong CSS

Tham khảo:Hàm asin() trong CSS

Tham khảo:Hàm atan() CSS

Tham khảo:Hàm calc() trong CSS

Tham khảo:Hàm cos() trong CSS

Tham khảo:Hàm exp() trong CSS

Tham khảo:Hàm hypot() trong CSS

Tham khảo:Hàm log() trong CSS

Tham khảo:Hàm mod() trong CSS

Tham khảo:Hàm pow() trong CSS

Tham khảo:Hàm sin() CSS

Tham khảo:Hàm sqrt() CSS

Tham khảo:Hàm tan() CSS