光标互动
WebGPU实现的光影彩色流体鼠标拖尾效果+擦除揭示动画这是一款 WebGPU 驱动的流体擦除互动动效，模拟真实液体流动与光影变化。基于 WebGPU + 前端交互逻辑实现 —— 它的流体质感细腻丝滑，响应鼠标滑动时产生自然的涟漪和色彩扩散，还能通过...
趣味按钮
CSS实现的 6 种专业级光影动画（旋转/擦除/闪烁/波动/跳动/脉动）按钮特效源码这是一款可自由设置包含多重光效的动态流光按钮，基于纯CSS技术实现，js负责切换按钮光效，通过6种专业级光影动画（旋转/擦除/闪烁/波动/跳动/脉动）的灵活切换，打造极具表现力的交互元素，特别适...
模糊擦除效果
CSS+SVG 高斯模糊图片背景效果，GSAP实现追随鼠标局部擦除模糊效果这是一款高斯模糊背景图片效果，基于GSAP+CSS+SVG技术实现，鼠标在图片上移动交互过程中，除了焦点区域保持清晰外，周围的图片背景元素会呈现出不同程度的高斯模糊效果，使得用户注意力集中在鼠标...
年份过渡
纯CSS实现年份更新动画 - 从2024年到2025年的旋转擦除无缝过渡效果这是一款纯CSS年份更新效果，利用CSS实现从2024年平滑过渡到2025年的视觉展示。通过CSS动画和伪元素等技术，在不改变HTML结构的前提下，创建出旋转擦除旧年份并插入新年份的动态效果...
美化复选框
CSS模拟真实铅笔填写与橡皮擦除效果的美化复选框效果这是一款模拟现实生活中铅笔和纸张填写及擦除复选框的动画效果，基于CSS3和JavaScript技术实现。通过精细的动画设计，用户点击复选框时，可以看到类似用铅笔勾选的动作；而取消选择时，则模拟橡...
重复输入
JavaScript 文本删除输入轮播效果本 JavaScript 代码片段可创建持续的文本输入与擦除效果，可设置多个关键文本的轮播效果，只需要在数组中设置要用于输入和删除动画的段语文本，便可以在 ID 为"retype "的span...