互动光标
WebGL 梦幻星云流体鼠标拖尾互动特效这是一款 WebGL 流体光标跟随效果，基于 WebGL 技术实现，当光标在页面上移动时，通过模拟粒子流动与光线散射，呈现出如星云般梦幻的色彩柔和、带有流动质感的烟雾光影效果，极具视觉冲击力和沉...
光标互动
WebGPU实现的光影彩色流体鼠标拖尾效果+擦除揭示动画这是一款 WebGPU 驱动的流体擦除互动动效，模拟真实液体流动与光影变化。基于 WebGPU + 前端交互逻辑实现 —— 它的流体质感细腻丝滑，响应鼠标滑动时产生自然的涟漪和色彩扩散，还能通过...
擦除动画
刮冰磨砂窗、“擦除”冰层互动效果：节日主题或刮奖小游戏趣味交互组件这是一款“刮冰看图”互动效果，基于Canvas+CSS实现，模拟了在结霜的玻璃上刮开冰雪、露出隐藏画面的趣味体验。用户通过鼠标或触控拖动，可以“擦除”冰层，逐步揭示下方可爱的节日插画，兼具视觉惊...
冰霜动画
纯CSS实现冰霜凝结以及晃动鼠标擦拭冰霜动画效果这是一款冰霜擦拭与凝结 HTML 动画效果，基于纯CSS技术实现，把汽水“藏” 在朦胧的 “冷藏玻璃” 后，鼠标悬停会显示雪花图标，晃动鼠标，表面的冰霜会被慢慢擦除，停止晃动鼠标后，冰霜又慢慢的...
趣味按钮
CSS实现的 6 种专业级光影动画（旋转/擦除/闪烁/波动/跳动/脉动）按钮特效源码这是一款可自由设置包含多重光效的动态流光按钮，基于纯CSS技术实现，js负责切换按钮光效，通过6种专业级光影动画（旋转/擦除/闪烁/波动/跳动/脉动）的灵活切换，打造极具表现力的交互元素，特别适...
刮奖
Canvas + CSS 刮刮乐抽奖 HTML5 源码下载，用硬币刮奖带庆祝效果！这是一款基于 Canvas + CSS 实现的刮刮乐抽奖游戏效果，通过鼠标或触屏模拟金币刮开奖品覆盖区域，获奖者拥有庆祝背景动画效果，模拟真实刮奖体验，并且良好适配 PC 和手机端。用户可自定义...
模糊擦除效果
CSS+SVG 高斯模糊图片背景效果，GSAP实现追随鼠标局部擦除模糊效果这是一款高斯模糊背景图片效果，基于GSAP+CSS+SVG技术实现，鼠标在图片上移动交互过程中，除了焦点区域保持清晰外，周围的图片背景元素会呈现出不同程度的高斯模糊效果，使得用户注意力集中在鼠标...
年份过渡
纯CSS实现年份更新动画 - 从2024年到2025年的旋转擦除无缝过渡效果这是一款纯CSS年份更新效果，利用CSS实现从2024年平滑过渡到2025年的视觉展示。通过CSS动画和伪元素等技术，在不改变HTML结构的前提下，创建出旋转擦除旧年份并插入新年份的动态效果...
美化复选框
CSS模拟真实铅笔填写与橡皮擦除效果的美化复选框效果这是一款模拟现实生活中铅笔和纸张填写及擦除复选框的动画效果，基于CSS3和JavaScript技术实现。通过精细的动画设计，用户点击复选框时，可以看到类似用铅笔勾选的动作；而取消选择时，则模拟橡...
铅笔绕圈
CSS趣味铅笔环形运动划线擦除动画Loading加载器一款趣味性十足的铅笔绕圈动画效果，这根铅笔尾部还带有橡皮，铅笔素材是由svg矢量图绘制的，而铅笔环绕运动画圈并使用橡皮擦出的动画效果是基于CSS实现的。这款铅笔动画特别适用于页面加载中Loadi...
重复输入
JavaScript 文本删除输入轮播效果本 JavaScript 代码片段可创建持续的文本输入与擦除效果，可设置多个关键文本的轮播效果，只需要在数组中设置要用于输入和删除动画的段语文本，便可以在 ID 为"retype "的span...