Hàm sin() CSS

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

Hàm sin() của CSS sin() Hàm trả về giá trị số (góc) của hàm sin.

Giá trị sin của góc luôn trả về một giá trị nằm trong khoảng từ -1 đến 1.

mô hình

trong ví dụ calc() sử dụng trong hàm sin() Để đặt chiều rộng và chiều cao của ba thẻ <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;
}

Thử ngay

Ngữ pháp CSS

sin(góc)

Chi tiết kỹ thuật

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.

Trang liên quan

Tham khảo:Hàm acos() CSS

Tham khảo:Hàm asin() CSS

Tham khảo:Hàm atan() CSS

Tham khảo:Hàm atan2() CSS

Tham khảo:Hàm calc() CSS

Tham khảo:Hàm cos() CSS

Tham khảo:Hàm exp() CSS

Tham khảo:Hàm hypot() CSS

Tham khảo:Hàm log() CSS

Tham khảo:Hàm mod() CSS

Tham khảo:Hàm pow() CSS

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

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