近幾年CSS新增了許多新功能,其中一些新功能甚至可以直接取代JS。
在這系列文章中,我們將來探討這些新的CSS特性,取代撰寫大量的JS,通過巧妙運用CSS來實現各種前端效果。
CSS clamp() clamp()支援度:Can I Use) CSS目前常見的數學函氏有min()、max()、calc(),以及今天要介紹的clam...
CSS @layer @layer支援度:Can I Use) 大家一定都遇過CSS怎樣都蓋不過,打架的問題,最後只能使出大絕!important(小孩子不...
flex gap flex-gap支援度:Can I Use) 大家還記得在今年2月IE爺爺還沒退休以前...很多新的CSS屬性大家都支援就IE不支援,所以...
Grid grid支援度:Can I Use) 在還沒學會grid以前,排版都會使用flex,有了grid可以解決很多很特別的排版,讓我們來看看吧~ gri...
Subgrid subgrid支援度:Can I Use) 昨天了解了grid,今天來看一下subgrid subgrid是什麼? subgrid ,其...
:has() :has()支援度:Can I Use) :has()是什麼? selector:has(selectors) ex:選擇所有包含至少一...
:is() :is()支援度:Can I Use :is()是什麼? :is(selectors) 以選擇器列表作為參數,並選擇該列表中任意一個選擇器...
Aspect Ratio Aspect Ratio支援度:Can I Use Aspect Ratio是什麼? 可以為元素添加長寬比 width / he...
CSS Scroll Behavior CSS Scroll-behavior支援度:Can I Use) 以往JS才能控制scroll,現在css也能輕鬆...
CSS scroll-snap CSS Scroll-Snap支援度:Can I Use) CSS Scroll-snap是什麼? Scroll Snap...