Css 支持三角函數(shù)

2 月底萬維網(wǎng)聯(lián)盟(W3C)CSS 工作組會議宣布了一項決議,批準在 CSS 標準中加入一批新函數(shù)翎卓,其中包括:

  • 正弦函數(shù) - sin()
  • 余弦函數(shù) - cos()
  • 正切函數(shù) - tan()
  • 反余弦函數(shù) - acos()
  • 反正弦函數(shù) - asin()
  • 反正切函數(shù) - atan()
  • 使用兩個參數(shù) x 和 y 的反正切函數(shù) - atan2()
  • 平方根函數(shù) - sqrt()
  • 參數(shù)平方和的平方根函數(shù) - hypot()
  • 開方 - pow()

2001 年 CSS 的升級版本 CSS 3 發(fā)布以來摆寄,Web 開發(fā)人員對 CSS 的利用變得越來越自由多變,不再局限于簡單地布局網(wǎng)頁逗扒,CSS 3 帶來的新變化主要包括盒子模型欠橘、列表模塊、超鏈接方式肃续、語言模塊、背景和邊框刽酱、文字特效瞧捌、多欄布局等模塊,大大豐富了開發(fā)者的想象力與創(chuàng)造力殿怜。

比如 CSS 現(xiàn)在能夠編寫復(fù)雜的動畫曙砂,并支持像 Adobe Photoshop 中那樣高級的圖像濾鏡。雖然目前 CSS 標準已經(jīng)支持以下數(shù)學(xué)函數(shù):

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

但是這遠遠不夠鸠澈,開發(fā)者一直需要它擁有處理圖形角度并執(zhí)行一些更高級數(shù)學(xué)運算的能力,以往這些需要從 JavaScript 層或預(yù)處理器去處理,但顯然開發(fā)者更希望使用原生 CSS 語法去做這些事情新锈,這樣可以更加簡單的方法處理角度并同步復(fù)雜的動畫序列眶熬,而無需編寫自定義 JavaScript 代碼或加載龐大的動畫庫或游戲引擎块请。

在開發(fā)者強烈的要求下拳缠,W3C CSS 工作組終于正式宣布批準在 CSS 標準中加入了一系列數(shù)學(xué)運算函數(shù)。

看到這樣的消息窟坐,不少開發(fā)者都沸騰了哲鸳。在 Reddit 上他們展開了熱烈的討論,戳這里看討論徙菠。

有人認為這很自然,下一步顯然是復(fù)數(shù)支持缺狠,然后是向量/矩陣萍摊,在能夠使用 CSS 直接做出一款怪獸級別的項目之前,他們便不會滿意记餐;樓下就有人拋出了一個幾周前發(fā)布的項目,并指出雖然談不上怪獸級片酝,但是它完全采用 CSS 實現(xiàn)了 3D 效果。

CSS FPS

項目地址

反對派則表示:為什么 CSS 要這樣搞练湿?我認為 CSS 是用于將樣式應(yīng)用于 HTML 文檔的東西审轮,計算等操作應(yīng)該在 JS 中完成。 他認為 CSS 應(yīng)該輕量級篡诽,孤立的 Chrome 實例意味著不同的視圖不能共享內(nèi)存榴捡,所以必須復(fù)制一大堆東西,這樣會導(dǎo)致內(nèi)存冗余。

有人回復(fù)他:

  • 一些 CSS 動畫可以使用 GPU 的資源來執(zhí)行翰蠢,從而釋放 CPU 以用于其它事情啰劲。
  • JavaScript 是單線程的,CSS 動畫可以放棄對轉(zhuǎn)換的精細控制廷支,以釋放主線程猖辫。

還有一些人拋出一個觀點,認為這直接變成了 CSS 的 TensorFlow binding:Tensorflow.css啃憎。

此外還有人認為官方是想讓 Sass 中的所有內(nèi)容成為 CSS 中的標準辛萍,也有人順手吐槽了一把 Firefox:RIP my Firefox。

新的 CSS 三角函數(shù)還需要一段時間過渡贩毕,但是可以在以下網(wǎng)站上查看自己使用的瀏覽器是否已經(jīng)支持。點這里先壕。

對于CSS的新功能谆甜,你們怎么看呢?歡迎留言區(qū)討論谆棺,留言有福利哦罕袋。
福利詳情:截至2019年3月14號下午8點整,我會從評論區(qū)留言中選取兩位高質(zhì)量留言的小伙伴浴讯,分別送出5個簡書貝,中獎的小伙伴我會通過簡信通知你侍郭,簡書貝最遲會在2019年3月15號中午12點整送出。歡迎大家積極參與討論。

看完文章留完言唠摹,還還還有福利拿,往下看??????
感興趣的小伙伴可以在公號【grain先森】后臺回復(fù)【190313】獲取HTML5詳解煮甥、CSS3詳解和Vue詳解及實戰(zhàn)項目藕赞,可以轉(zhuǎn)發(fā)朋友圈和你的朋友分享哦。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末双霍,一起剝皮案震驚了整個濱河市批销,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌丘逸,老刑警劉巖掀宋,帶你破解...
    沈念sama閱讀 211,042評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件劲妙,死亡現(xiàn)場離奇詭異,居然都是意外死亡是趴,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 89,996評論 2 384
  • 文/潘曉璐 我一進店門富雅,熙熙樓的掌柜王于貴愁眉苦臉地迎上來肛搬,“玉大人,你說我怎么就攤上這事蛤奢。” “怎么了待秃?”我有些...
    開封第一講書人閱讀 156,674評論 0 345
  • 文/不壞的土叔 我叫張陵痹屹,是天一觀的道長。 經(jīng)常有香客問我暖庄,道長楼肪,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,340評論 1 283
  • 正文 為了忘掉前任肩钠,我火速辦了婚禮象缀,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘央星。我一直安慰自己,他們只是感情好毙石,可當我...
    茶點故事閱讀 65,404評論 5 384
  • 文/花漫 我一把揭開白布颓遏。 她就那樣靜靜地躺著叁幢,像睡著了一般。 火紅的嫁衣襯著肌膚如雪曼玩。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,749評論 1 289
  • 那天豫尽,我揣著相機與錄音顷帖,去河邊找鬼渤滞。 笑死榴嗅,一個胖子當著我的面吹牛妄呕,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播录肯,決...
    沈念sama閱讀 38,902評論 3 405
  • 文/蒼蘭香墨 我猛地睜開眼趴腋,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了论咏?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,662評論 0 266
  • 序言:老撾萬榮一對情侶失蹤颁井,失蹤者是張志新(化名)和其女友劉穎厅贪,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體雅宾,經(jīng)...
    沈念sama閱讀 44,110評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡养涮,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,451評論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了眉抬。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,577評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡蜀变,死狀恐怖悄谐,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情库北,我是刑警寧澤爬舰,帶...
    沈念sama閱讀 34,258評論 4 328
  • 正文 年R本政府宣布,位于F島的核電站寒瓦,受9級特大地震影響情屹,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜杂腰,卻給世界環(huán)境...
    茶點故事閱讀 39,848評論 3 312
  • 文/蒙蒙 一垃你、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧喂很,春花似錦惜颇、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,726評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至毒坛,卻和暖如春望伦,著一層夾襖步出監(jiān)牢的瞬間林说,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,952評論 1 264
  • 我被黑心中介騙來泰國打工屯伞, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留腿箩,地道東北人。 一個月前我還...
    沈念sama閱讀 46,271評論 2 360
  • 正文 我出身青樓劣摇,卻偏偏與公主長得像珠移,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子末融,可洞房花燭夜當晚...
    茶點故事閱讀 43,452評論 2 348

推薦閱讀更多精彩內(nèi)容

  • 1. 下載mysql的repo源 如果沒有 wget 先yum install -y wget $ wget ht...
    NemoWei閱讀 4,823評論 2 3
  • 男人不知道下面有蛇勾习,女人不知道上面有石頭壓著男人浓瞪,都是為了對方考慮,放手是解脫還是另一種痛巧婶,女人看不到男人的壓力乾颁,...
    賀云果閱讀 713評論 2 3
  • //bolck:一塊代碼.聲明block類型的指針是指向一塊代碼,而不是一個對象 //block:閉包和匿名函數(shù)在...
    nothing_c閱讀 379評論 0 0