CSS atan2() ฟังก์ชัน
- หน้าก่อน CSS atan() 函数
- หน้าต่อไป CSS attr() 函数
- กลับไปยังระดับที่แล้ว คู่มืออ้างอิงฟังก์ชัน CSS
การประกาศและการใช้งาน
CSS atan2()
ฟังก์ชันกลับค่าของ反正ทังตรงของสองค่าที่อยู่ระหว่าง -∞ ถึง ∞
ค่าเหล่านี้สามารถเป็นตัวเลข ขนาดหรือเปอร์เซ็นต์ สองค่าต้องเป็นชนิดเดียวกัน
ฟังก์ชันนี้กลับค่ามุมที่อยู่ระหว่าง -180 ถึง 180 องศา
ตัวอย่าง
ใช้ atan2()
เคลื่อนที่องศา
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)); }
CSS การเขียน
atan2(y, x)
ค่า | รายละเอียด |
---|---|
y | จำเป็นเพื่อ y ตำแหน่งทางด้าน Y สามารถเป็นตัวเลข ขนาดหรือเปอร์เซ็นต์ |
x | จำเป็นเพื่อ x ตำแหน่งทางด้าน X สามารถเป็นตัวเลข ขนาดหรือเปอร์เซ็นต์ |
รายละเอียดเทคนิค
เวอร์ชั่น: | CSS4 |
---|
การสนับสนุนโปรแกรมน่าทะเบียน
ตัวเลขในตารางนี้แสดงรุ่นการใช้งานแรกที่สนับสนุนฟังก์ชันนี้
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
111 | 111 | 108 | 15.4 | 97 |
หน้าที่เกี่ยวข้อง
อ้างอิง:CSS acos() ฟังก์ชัน
อ้างอิง:CSS asin() ฟังก์ชัน
อ้างอิง:CSS atan() 函数
อ้างอิง:CSS calc() ฟังก์ชัน
อ้างอิง:CSS cos() ฟังก์ชัน
อ้างอิง:CSS exp() ฟังก์ชัน
อ้างอิง:CSS hypot() ฟังก์ชัน
อ้างอิง:CSS log() ฟังก์ชัน
อ้างอิง:CSS mod() ฟังก์ชัน
อ้างอิง:CSS pow() ฟังก์ชัน
อ้างอิง:CSS sin() 函数
อ้างอิง:CSS sqrt() 函数
อ้างอิง:CSS tan() 函数
- หน้าก่อน CSS atan() 函数
- หน้าต่อไป CSS attr() 函数
- กลับไปยังระดับที่แล้ว คู่มืออ้างอิงฟังก์ชัน CSS