GSAP 鼠标跟随同心圆涟漪动画效果,适用于音乐播放器 UI等场景

交互同心圆

GSAP 鼠标跟随同心圆涟漪动画效果,适用于音乐播放器 UI等场景

这是一款基于 GSAP 实现的交互式同心圆动效,多层嵌套圆环随鼠标移动产生错位追随,外圈流动着蓝粉渐变光晕,内圈呈现深邃的波纹扩散感,整体像一个悬浮发光的音响或虫洞入口,视觉冲击力很强。每层圆环...

纯 CSS 实现的多维动态多彩点状网格加载特效

点阵加载器

纯 CSS 实现的多维动态多彩点状网格加载特效

这是一款极简主义的动态网格预加载器(Preloader),完全基于纯 CSS 实现,无需依赖 SVG 或外部图像资源。它通过 3x3 的圆点矩阵,利用精确的动画延时(Animation Dela...

WebGPU实现的光影彩色流体鼠标拖尾效果+擦除揭示动画

光标互动

WebGPU实现的光影彩色流体鼠标拖尾效果+擦除揭示动画

这是一款 WebGPU 驱动的流体擦除互动动效,模拟真实液体流动与光影变化。基于 WebGPU + 前端交互逻辑实现 —— 它的流体质感细腻丝滑,响应鼠标滑动时产生自然的涟漪和色彩扩散,还能通过...

CSS实现Material Design风格按钮,点击时中心呈现扩散式涟漪效果

涟漪效果按钮

CSS实现Material Design风格按钮,点击时中心呈现扩散式涟漪效果

这是一款纯CSS实现的涟漪交互效果,基于CSS背景渐变和过渡技术实现,通过透明径向渐变和背景色过渡模拟出波纹扩散和淡出动画,适用于Material Design风格按钮的交互反馈场景。

Canvas 特定区域鼠标跟随2D水波纹涟漪动画效果

水波纹

Canvas 特定区域鼠标跟随2D水波纹涟漪动画效果

这是一款基于Canvas技术实现的2D水面涟漪效果,鼠标晃动触发动态波纹扩散动画效果,可指定区域使用该特效。适用于鼠标追随或沉浸式网页背景场景。

CSS 水面漂石(石子打水漂)动画特效,逼真的蜻蜓点水(涟漪)动画效果

水上漂

CSS 水面漂石(石子打水漂)动画特效,逼真的蜻蜓点水(涟漪)动画效果

​这是一款基于纯CSS技术实现的石子打水漂动画,通过关键帧动画和贝塞尔曲线模拟石子在水面弹跳的轨迹与涟漪效果,适用于自然场景动效展示。

Material Design(设计材料)风格复选框源码下载

自定义复选框

Material Design(设计材料)风格复选框源码下载

这是一款Material Design风格的复选框效果,基于CSS技术实现,通过动画模拟了复选框的选中与取消选中状态,具有流畅的过渡效果和对勾涟漪点击反馈,符合Material Design的交...

SVG图片转场轮播带水波纹涟漪滤镜特效图库插件源码下载

水波纹转场

SVG图片转场轮播带水波纹涟漪滤镜特效图库插件源码下载

这是一款基于SVG滤镜实现的图片带涟漪水波纹转场轮播特效的画廊,整体是有CSS+JS实现的,其中通过SVG滤镜为图片添加淡入淡出时的涟漪动画,增强视觉吸引力。