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

相关页面

Mga Sumber ng Pagkilala:CSS acos() 函数

Mga Sumber ng Pagkilala:CSS asin() 函数

Mga Sumber ng Pagkilala:CSS atan() 函数

Mga Sumber ng Pagkilala:CSS atan2() 函数

Mga Sumber ng Pagkilala:CSS calc() 函数

Mga Sumber ng Pagkilala:CSS exp() 函数

Mga Sumber ng Pagkilala:CSS hypot() 函数

Mga Sumber ng Pagkilala:CSS log() 函数

Mga Sumber ng Pagkilala:CSS mod() 函数

Mga Sumber ng Pagkilala:CSS pow() 函数

Mga Sumber ng Pagkilala:Function ng CSS sin()

Mga Sumber ng Pagkilala:Function ng CSS sqrt()

Mga Sumber ng Pagkilala:Function ng CSS tan()