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

การประกาศและการใช้งาน

ฟังก์ชัน sin() ของ CSS sin() ฟังก์ชันคืนค่าซีนของมุมเป็นตัวเลข

ค่าซีนของมุมเสมอตัวมักจะคืนค่าที่อยู่ระหว่าง -1 และ 1

ตัวอย่าง

ใน calc() ใช้ฟังก์ชัน sin() ตั้งค่าความกว้างและความสูงของสามตัว <div> ต่างกัน

div.a {
  width: calc(sin(0.25turn) * 120px);
  height: calc(sin(30deg) * 120px);
  background-color: salmon;
  margin-bottom: 25px;
}
div.b {
  width: calc(sin(90) * 120px);
  height: calc(sin(2*1.125) * 120px);
  background-color: green;
  margin-bottom: 25px;
}
div.c {
  width: calc(sin(pi/2) * 120px);
  height: calc(sin(pi/2) * 120px);
  background-color: maroon;
}

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

CSS ภาษา

sin(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 cos() ฟังก์ชัน

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

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

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

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

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

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

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