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() 函数