jkamkk/dsh-liquid-glass-input

README excerpt

dsh-liquid-glass-input [!WARNING] 仅支持 Chromium 内核浏览器（Chrome / Edge 等）/ Chromium-based browsers only 折射效果依赖 SVG 位移滤镜：Firefox、Safari 下看不到折射与放大，其余功能不受影响。 Refraction relies on SVG displacement filters: in Firefox and Safari the glass renders without refraction or magnification — everything else works. 效果预览 / Preview 动图为录屏压缩版，实际效果以实机为准。动图中的动态壁纸并非本插件效果，本插件只改变输入卡样式。 The clip is a compressed recording; the live effect looks better. The animated wallpaper in the clip is not part of this plugin — it only restyles the input card. 浅色模式效果 暗色模式效果 浅色 Light 暗色 Dark 设置页可分组调节各层强度与点击动画，滑杆本身也是玻璃质感。 The settings panel groups per-layer strength and press-animation controls; the sliders themselves use the same glass look. 给 DSH Web GUI 输入卡加 kube.io「Magnifying Glass」液态玻璃折射效果： Adds a kube.io "Magnifying Glass" liquid-glass refraction effect to the input card of the DSH Web GUI: - 官方位移图/高光图/放大图，端头等比缩放贴合四角，中段平铺补线；Canvas 预合成，滤镜内约 11 原语 - Official displacement / specular / magnifying maps, corners scaled to fit, edges tiled; maps are pre-composited on canvas, about eleven filter primitives in total - 按压动画：原版 9 弹簧系统逐参数复刻（rAF 积分，transform/阴影/滤镜缩放全耦合） - Press animation faithfully rebuilt from the original nine-sp…

Category