Hàm cos() trong CSS

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

CSS cos() Hàm trả về giá trị cos của góc.

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

Mô hình

Sử dụng cos() Giữ kích thước hộp quay:

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;
}

Thử trực tiếp

Ngữ pháp CSS

cos(góc)
Giá trị Mô tả
góc Bắt buộc. Giải tích thành giá trị tính toán số hoặc góc.

Chi tiết kỹ thuật

Phiên bản: CSS4

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.

Chrome Edge Firefox Safari Opera
111 111 108 15.4 97

Trang liên quan

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

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

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

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

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

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

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

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

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

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

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

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

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