[筆記] 純 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>)}” 即可 程式碼 按讚加入粉絲團延伸閱讀 [筆記] void – 存在感極弱的 JavaScript 原生值用法 [筆記] Vue3 在 vue 檔案以外的地方使用 vue-i18n [筆記] 2024 從 Jest 轉移到 Vitest 過程筆記 [筆記] ESLint 8 → Eslint 9 升級指南 以 Vue3 + TypeScript + Prettier 為例 [筆記] Vite Plugin 生產正式環境下 過濾 Public 資料夾