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

การระบุและการใช้งาน

CSS cos() ฟังก์ชันนี้กลับมาเป็นค่าคอซีนมุม。

ค่าคอซีนมุมจะกลับมาเป็นตัวเลขที่อยู่ระหว่าง -1 และ 1 ตลอดเวลา。

ตัวอย่าง

ใช้ cos() รักษาขนาดของลูกโทษที่หมุน：

div.c {
  width: calc(120px * cos(25deg));
  height: calc(120px * cos(25deg));
  margin: calc(120px/4 * cos(25deg));
  background-color: maroon;
  transform: rotate(25deg);
  transform-origin: center;
  translate: -10px 10px;
}

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

CSS สัญลักษณ์

cos(angle)
ค่า คำอธิบาย
angle จำเป็นต้องใช้งานตามค่าที่เป็นตัวเลขหรือค่ามุมที่นำไปคำนวณเป็นตัวเลข。

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

เวอร์ชั่น： CSS4

การสนับสนุนโปรแกรมนำ

ตัวเลขในตารางนี้แสดงการเปิดใช้งานเวอร์ชั่นแรกที่สนับสนุนฟังก์ชันนี้โดยเต็มที่。

Chrome Edge Firefox Safari Opera
111 111 108 15.4 97

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

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

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

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

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

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

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

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

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

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

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

อ้างอิง:CSS sin() 函数

อ้างอิง:CSS sqrt() 函数

อ้างอิง:CSS tan() 函数