从 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 布局中有比较广泛的应用,主要包括: