#78 CSS + SVG 仿 Apple iOS26 液態玻璃(Liquid Glass)效果 (Safari 不支援)
⚠️ 本篇文章已搬遷至 css.im1010ioio.dev,請至新站閱讀完整版。
iOS 26 的液態玻璃(Liquid Glass)效果,今天我們來試試看網頁能不能做到。這個效果的核心概念是「模糊背景」再加上「不規則扭曲」,就像透過一杯正在晃動的水看東西一樣。
DEMO 連結:Liquid Glass Effect
一、原理
用 SVG 濾鏡的位移地圖(feDisplacementMap)把「背景影像」扭曲,再搭配…
im1010ioio.hashnode.dev1 min read