现代CSS:CSS 三角函数 sin()、cos() 和 tan()

科技   2024-11-10 18:02   北京  

从 Chrome 111 版本开始,CSS 三角函数陆续被 Firefox、Safari、Chrome 等现代浏览器所有支持,主要包括:

  • 正弦函数:sin()
  • 余弦函数:cos()
  • 正切函数:tan()
  • 反余弦函数:acos()
  • 反正弦函数:asin()
  • 反正切函数:atan()
  • 反正切函数:atan2(),返回从原点 (0,0) 到 (x,y) 点的线段与 x 轴正方向之间的平面角度 (弧度值)
  • 平方根函数:sqrt()
  • 平方根函数:hypot(),参数平方和的平方根
  • 开方:pow()

在 CSS 中拥有这样的数学能力,将为我们 Web 开发带来无限可能。在本文中,我们将通过具体实例来快速熟悉 sin()、cos() 和 tan() 函数的使用。

CSS 三角函数主要应用场景

CSS 三角函数在现代 CSS 布局中有比较广泛的应用,主要包括:

FED实验室
前端开发实验室,专注于前端全栈开发方向,内容覆盖前端热点资讯、工程架构、技术实践、工具资源和前端面试招聘等内容。全网同号。
 最新文章