sk5s 自主學習Time

03 - CSS Variables

Jump to Section

說明

用JS與CSS搭配製作一個即時的濾淨效果, 特效為調整內距、模糊、邊框色。 From guahsu

筆記

  • dataset property 可以取得所有data-*的值
  • querySelectorAll 會得到類似陣列的物件,可以用Array.from來轉換成array
  • documentElement.style 是全域的樣式,可以更改css variable的值 => setProperty(css key,value to set)

改進

  • improve mobile experience

心得