聽說了嗎，CSS支持三角函數了

CSS層疊樣式表(英文全稱：Cascading Style Sheets)是一種用來表現HTML(標準通用標記語言的一個應用)或XML(標準通用標記語言的一個子集)等文件樣式的計算機語言。

今年2月末，萬維網聯盟(W3C)CSS工作組會議上，通過了引入三角函數的動議。

批准並設置加入CSS標準的新功能包括：

正弦 -sin()
餘弦 -cos()
正切 -tan()
反餘弦- acos()
反正弦- asin()
反正切- atan()
反正切(兩個參量x和y)- atan2()
平方根- sqrt()
參數平方和的平方根 - hypot()
乘冪 - pow()

上述函數是CSS現有數學函數的補充，原已包括：

計算基本表達式 - calc()
獲得最小值 - min()
獲得最大值 - max()
獲得上限和下限之間的中間值 - clamp()

W3C CSS-WG在多位Web開發人員的要求下批准了向CSS添加這些新的數學函數，這些開發人員要求使用CSS語法而不是JavaScript來控制CSS動畫。

開發人員希望使用簡單的方法來處理角度並同步複雜的動畫序列，而無需編寫自定義JavaScript代碼或載入龐大的動畫庫或遊戲引擎。

自從10多年前CSS發布CSS 3以來，Web開發人員慢慢依賴CSS來完成更多的功能而不僅僅是用其著色或擺弄文本格式。

CSS現在能夠進行複雜的動畫演示，並支持像Adobe Photoshop那樣先進的圖像過濾器。

然而，始終缺少能夠處理角度並執行比加減乘除更高級的數學運算。

新的CSS三角函數還需要一段時間才能普及到我們的瀏覽器中。開發人員可以利用工具網站Can I Use 來跟蹤版本更新過程。

本文譯自 zdnet，由譯者 majer 基於創作共用協議(BY-NC)發布。

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！