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() ပုံစံ

ကိုးကားစက်တင်ချိန် sin() ပြောင်းလဲ

ကိုးကားစက်တင်ချိန် sqrt() ပြောင်းလဲ

ကိုးကားစက်တင်ချိန် tan() ပြောင်းလဲ