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

相关文章

阅读更多 »

Reatom:随你成长的状态管理

碎片化问题 现代前端开发有一个常见的模式: - 从简单的 useState hook 开始 - 需要共享状态?添加 Context - Context re‑...