GlassiFy:Liquid Glass JavaScript 库,具备动态位移

发布: (2025年12月3日 GMT+8 15:50)
1 min read
原文: Dev.to

Source: Dev.to

jQueryScript

Overview

GlassiFy 是一个 JavaScript 库,使用动态 SVG 位移创建液态玻璃效果。

Key Features

  • 双渲染模式——静态磨砂玻璃或动画湍流表面
  • 零依赖,框架无关的 Web 组件架构
  • 通过 CSS backdrop-filter 合成实现硬件加速
  • 完整的属性控制,可调节模糊、位移、湍流和亮度

可原生用于 React、Vue、Angular 或原生 JavaScript。该库在无需 WebGL 或笨重动画框架的情况下实现精细的玻璃拟态效果。

Resources

Back to Blog

相关文章

阅读更多 »

新加入 Dev 社区

大家好,我是 dev 社区的新成员,重新开始我的 coding 之旅。我曾在 2013‑2018 年间编写代码。之后我探索了新的机会,...