SVG前后对比
局部保留色彩特效｜SVG 滤镜实现的选择性去色图片对比源码拖动分割线，右半边只留下指定色相、其余全部转黑白；再拉一根滑杆就能实时旋转被保留的颜色，纯 SVG 滤镜，不用 Canvas。
Canvas解结游戏
解结（拖点消交叉益智 HTML 小游戏）这是一款极简风格的解结益智HTML小游戏，基于 Canvas 2D 绘制、原生 JavaScript 与 GSAP 动画实现。屏幕上散布着由线段相连的圆点，初始状态线条彼此交错；玩家逐个拖动圆点...
CSS 3D火柴盒
纯CSS 3D火柴盒（可拖拽旋转的复古模型）这是一款可交互的 3D 复古火柴盒模型，基于 HTML+CSS 3D 变换与原生 JavaScript 实现。盒身由多个立体面拼搭而成，覆上噪点纸纹与木纹渐变，还原纸板的粗糙手感；侧面磷面带有排...
GSAP轮播
GSAP 流媒体首页轮播特效 — 仿 Netflix 拖拽切换，无限循环带视差这是一款流媒体首页轮播效果，基于 GSAP + Draggable 实现，整体是仿 Netflix 那类影视平台的界面。屏幕中央是当前主推的片子，海报大图配上标题、匹配度、年份、分级、画质标签和...
模拟风力
HTML5 Canvas 物理阻尼风速滑块交互特效 | 网页拟真物理反馈微动效这是一款物理阻尼风力滑块效果，基于HTML5 Canvas与JavaScript技术实现。用户在拖拽滑块时，不仅能实时改变风速数值（MPH），还能体验到由物理循环算法模拟出的风阻、阵风与随机湍流...
爱心眼神跟随
HTML/JS趣味爱心眼神跟随鼠标交互特效 | 创意微拟物网页动效这是一款趣味爱心眼神跟随效果，基于HTML+CSS+JavaScript技术实现，画面中央的拟物风爱心拥有一双灵动的眼睛，能够实时追踪鼠标指针的移动，并根据鼠标的远近距离产生自然的呼吸起伏与光晕...
趣味倾倒音量滑块
可交互悬停式音量滑块动效组件（CSS+JS）这是一款基于 CSS+JavaScript 实现的悬停式音量控制滑块效果。它通过鼠标悬停即可调整音量大小，滑块会随数值变化动态倾斜、填充进度，搭配霓虹质感的发光效果，交互反馈清晰直观，适用于音视...