veva-design 液態玻璃實驗
veva-design 的視覺實驗頁,比較兩種液態玻璃作法。
SVG 折射版(svg-lens/)
純標記、無 JS,只在 Chromium 系瀏覽器(Chrome/Edge/Arc)啟用折射;Safari 與 Firefox 會看到現有的基準玻璃。
WebGL 液態玻璃版(webgl/)
需要 WebGL2。頁面上有滑桿可調折射、模糊、色散與清透↔上色,並可切換與基準玻璃比較。
請特別看
- 邊緣折射與高光是否好看
- 文字是否清晰
- 捲動是否流暢(慢半拍或錯位)
- 手機是否發熱、掉幀
- 淺色與深色切換是否正常
- 小膠囊的折射是否過強
- Safari 與 Firefox 是否正常降級