jkamkk/dsh-liquid-glass-input ↗★ 0
dsh-liquid-glass-input
为 DSH Web GUI 输入卡片添加 kube.io 风格的液态玻璃折射效果,包含原版弹簧按压动画与点击高光
AI 分析
核心用途是美化 DSH Web 界面输入框。适合追求精致视觉动效、使用 Chromium 系浏览器的用户。可在设置中调整动画速度和开关高光。
安装
$
npx -p @deepseek-ai/dsh dsh plugin --profile web add github:jkamkk/dsh-liquid-glass-input说明文档
阅读完整 README ↗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 (版权归原作者,仅限个人学习使用)