jkamkk/dsh-liquid-glass-input0

dsh-liquid-glass-input

为 DSH Web GUI 输入卡片添加 kube.io 风格的液态玻璃折射效果,包含原版弹簧按压动画与点击高光

AI 分析

核心用途是美化 DSH Web 界面输入框。适合追求精致视觉动效、使用 Chromium 系浏览器的用户。可在设置中调整动画速度和开关高光。

套件
dsh-liquid-glass-input
版本
1.14.3
授權
Apache-2.0
最近更新
2026年8月25日

安裝

$npx -p @deepseek-ai/dsh dsh plugin --profile web add github:jkamkk/dsh-liquid-glass-input

dsh-liquid-glass-input

给 DSH Web GUI 输入卡加 kube.io「Magnifying Glass」液态玻璃折射效果:

  • 官方位移图/高光图/放大图,端头等比缩放贴合四角,中段平铺补线;Canvas 预合成,滤镜内约 11 原语
  • 按压动画:原版 9 弹簧系统逐参数复刻(rAF 积分,transform/阴影/滤镜 scale 全耦合)
  • 点击处柔和高光(设置里可关)、动画速度滑杆(设置里可调)
  • 仅 Chromium 系浏览器可见折射

安装(一键):

dsh plugin add https://github.com/jkamkk/dsh-liquid-glass-input

安装后重启 DSH Web GUI 生效。

位移图来源:https://kube.io/blog/liquid-glass-css-svg (版权归原作者,仅限个人学习使用)