[筆記] 純 CSS Blur 創造模糊效果 Posted on2024-07-222024-07-02AuthorANDY LIEN 章節連結 內容 程式碼 近期在製作模糊效果時,想說在 2024 的現在可否使用純 CSS 來製作,不用使用 svg。透過 caniuse 的相容性統計,iOS Safari, Google Chrome, Firefox … 等都支援,程度超過 97% 。因此就大方的使用吧。 內容 根據 CaniUse 的統計結果如下: 語法上並沒有很困難,就是直接在圖片 <img> 標籤,下 style=”{ filter: blur(<?px>)}” 即可 程式碼 按讚加入粉絲團延伸閱讀 [筆記] 程式必修課!離散數學與演算法 – 16 [筆記] 程式必修課!離散數學與演算法 – 15 [筆記] FullCalendar V6 eventsSet 觸發邏輯 [筆記] FullCalendar V6 搭配 Tooltip 實作方法 [筆記] 程式必修課!離散數學與演算法 – 11