Hàm atan() trong CSS

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

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

Giá trị反正切 của số trả về một góc từ -90 đến 90 độ.

Một số ví dụ:

  • atan(-1) biểu thị -45 độ
  • atan(0) biểu thị 0 độ
  • atan(1) biểu thị 45 độ
  • atan(-∞) biểu thị -90 độ
  • atan(∞) biểu thị 90 độ

Mô hình

Sử dụng atan() Thiết bị quay:

div.a {
  transform: rotate(atan(500));
}
div.b {
  transform: rotate(atan(1));
}
div.c {
  transform: rotate(atan(0));
}
div.d {
  transform: rotate(atan(-5000));
}

Thử ngay

Cú pháp CSS

atan(number)
Giá trị Mô tả
number Bắt buộc. Một số từ -∞ đến ∞.

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 atan2() trong 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() trong CSS

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

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