ฟังก์ชัน CSS atan()

การกำหนดและการใช้งาน

CSS atan() ฟังก์ชันคำนวณ arctan ของตัวเลขที่อยู่ระหว่าง -∞ ถึง ∞

การคำนวณ arctan ของตัวเลขกลับมาเป็นองศาที่อยู่ระหว่าง -90 ถึง 90 องศา

ตัวอย่างเช่น：

  • atan(-1) แสดง -45 องศา
  • atan(0) แสดง 0 องศา
  • atan(1) แสดง 45 องศา
  • atan(-∞) แสดง -90 องศา
  • atan(∞) แสดง 90 องศา

ตัวอย่าง

ใช้ atan() เปลี่ยนแปลงชนิดที่เลี้ยง

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

ทดลองด้วยตัวเอง

CSS ฟังก์ชันภาษา

atan(number)
ค่า การอธิบาย
number จำเป็น。ตัวเลขที่อยู่ระหว่าง -∞ ถึง ∞

รายละเอียดเทคนิค

เวอร์ชั่น： CSS4

การสนับสนุนโปรแกรมนีเวอร์

ตัวเลขในตารางนี้แสดงเวอร์ชั่นบราวเซอร์ที่สนับสนุนฟังก์ชันนี้ครบถ้วน

Chrome Edge Firefox Safari Opera
111 111 108 15.4 97

หน้าที่เกี่ยวข้อง

อ้างอิง:CSS acos() ฟังก์ชัน

อ้างอิง:CSS asin() ฟังก์ชัน

อ้างอิง:CSS atan2() ฟังก์ชัน

อ้างอิง:CSS calc() ฟังก์ชัน

อ้างอิง:CSS cos() ฟังก์ชัน

อ้างอิง:CSS exp() ฟังก์ชัน

อ้างอิง:CSS hypot() ฟังก์ชัน

อ้างอิง:CSS log() ฟังก์ชัน

อ้างอิง:CSS mod() ฟังก์ชัน

อ้างอิง:CSS pow() ฟังก์ชัน

อ้างอิง:CSS sin() ฟังก์ชัน

อ้างอิง:CSS sqrt() ฟังก์ชัน

อ้างอิง:CSS tan() ฟังก์ชัน