今天最佳文章:在瀏覽器中實現Liquid Glass(液態玻璃) 磨砂玻璃效果 hkube.io/blog/liquid-gl…使用純的CSS + SVG 效果。非常值得學習。 核心亮點是不用任何第三方函式庫,完全基於物理折射原理(斯涅爾定律)計算光線位移,然後用SVG 的濾鏡來扭曲背景,實現真實的「透過彎曲玻璃看內容」的畸變效果,還加了邊緣高光(specular highlight),視覺上非常接近Apple 的Liquid Glass。 效果真的是非常的讚,特別的精緻,畸變很真實,大家可以看文章中的可交互demo,也可以看我的錄影畫面。 不知道這樣的效果是怎麼想出來的,要學習什麼知識才能了解這些效果的底層原理?
正在載入線程內容
正在從 X 取得原始推文,整理成清爽的閱讀畫面。
通常只需幾秒鐘,請稍候。