彩虹加载器
纯CSS彩虹立方体加载动画这是一款3D风格的加载效果,基于纯CSS实现,通过上下规则跳动+碰撞的彩虹色立方体块形成动态视觉,支持通过简单调整数字改变动画的运行速度,适用于游戏界面或创意型网页的等待提示场景。
条形加载器
CSS动态条形加载动画,适用于网页或应用的等待提示场景这是一款动态加载效果,基于CSS技术实现,通过条形从左到右,从右到左以及从上到下以及从下到上的循环加载过程表现加载的过程,适用于网页或应用的等待提示场景。
方块加载器
基于 splitting.js+GSAP 分割与重组方块实现创意Loading加载动画这是一款基于 Splitting.js 和 GSAP 技术实现的文字小方块拆解动画效果,通过CSS实现的多个小方块的分散重组创造加载过程,适用于品牌网站或创意页面过渡场景。
弹跳加载
CSS果冻豆弹跳Loading加载动画这是一款基于CSS关键帧动画实现的弹性加载动效,融合动画十二法则中的挤压拉伸原理,形似Scrabble棋子弹跳,适用于轻量级Loading等待状态或游戏化界面场景。
方块预加载器
GSAP彩色小方块交互运动迷你Loading预加载器这是一款基于GSAP技术实现的迷你加载动画效果,通过彩色小方块交换运动创造无限循环的视觉等待状态,适用于内容预载及网页Loading加载场景。
路径运动
纯CSS沿动态边框路径运动动画,无需SVG即可定义复杂路径这是一款基于CSS offset-path: border-box 实现的元素(小火箭)沿容器边框运动效果,无需SVG即可定义复杂路径,适用于提示动效或创意加载动画场景。
雷达扫描
纯CSS螺旋轨道动画,模拟雷达扫描界面这是一款利用CSS的transform-origin属性和位移实现的螺旋吸入动效,元素旋转时同步向屏幕中心收缩,像极了雷达扫描的罗盘界面,适用于加载动画、雷达界面或视觉焦点场景。
球传递加载器
CSS小球接力永动循环加载动画这是一款小球接力传递无限循环加载动画,基于纯CSS动画技术实现,通过流畅的环形接力运动创造永动视觉效果。适用于内容加载等待状态、数据加载进度或现代UI界面,提供优雅的无缝等待体验。
黄金齿轮
CSS实现3D大型黄金齿轮旋转动画这是一款3D但齿轮旋转动画,基于纯CSS 3D变换技术实现,通过光影和齿距细节呈现立体金属质感。适用于工业控制面板、加载动画或机械主题网站的装饰元素,展现精准的机械运动美学。


