SkillGitHub
全部组件
fluid-glass-surface

流体玻璃表面

为聚焦控制或产品媒体提供保持可读的折射玻璃表面。

  • 键盘可用
  • 支持减弱动效
  • TypeScript
场景
spatial · dark
运行成本
中等
动效引擎
motion + css
安装npx shadcn@latest add https://motion-lexicon.pages.dev/r/fluid-glass-surface.json

组件行为

高光和折射跟随焦点并保持内容清晰 为聚焦控制或产品媒体提供保持可读的折射玻璃表面。

适用事件

适合品牌展示、空间探索与高信息量视觉叙事。

运行信息

动效引擎
motion, css
运行成本
中等
依赖
motion
打开公开 Registry JSON