音符加载器
CSS音符波浪起伏动画效果Loading预加中动画一款通过CSS + SVG实现的音符波浪起伏动画Loading加载中效果，其中音符素材是基于SVG实现的。这款效果除了会像音浪一样有节奏的跳动，而且最中间的音符会在固定周期内做上下大幅度的振幅运...
趣味加载器
CSS趣味箱子图形跳跃、旋转、变换形态Loading加载中效果通过CSS的动画变换过渡效果实现的一款趣味箱子运动Loading预加载器，这款Loading加载中特效总共包含三组图形运动动画效果，第一组为四个圆角四边形按照顺时针追随旋转，第二组为三个图形像...
柱状图加载器
CSS弹跳3D柱状图Loading加载中动画效果一款通过纯CSS实现的等距3D柱状图有节奏地跳动预加载器效果，这款柱状图的单个柱体带影子效果，并且做着有节奏且规律地弹跳动画。这款Loading效果特别的轻量级，完全由CSS实现，用在实际项目的...
弹跳效果
基于CSS实现的此起彼伏的弹跳动画效果创建了一个“此起彼伏的弹跳”动画效果，使用CSS的动画来让主要颜色（红色、蓝色、黄色）的条形色块在页面上弹跳，并且每一个色块顶部都有一个不同的emoji表情，表情会随着色块的跳动而飞跃。可以为你...
跳跳汉堡
CSS汉堡上下跳跃动画效果“跳跃汉堡”（Jumping Burger）是一个有趣的CSS动画效果，基于纯CSS技术实现，非常的轻量级，它模拟了一个大大的汉堡，分别使用CSS定义了六层分别对应汉堡的上下两层面包、番茄、蔬菜...
文字动画
CSS创建「活泼」文字3，实现文字躲藏、撤退、破碎、摇晃、闪烁、翻滚动画效果基于CSS的animation、transform以及keyframes等关键属性实现的6种文字增强动画效果，此外，还利用splitting插件进行了分词操作，最终实现了文字躲藏、文字撤退、文字...
文字动画
CSS创建「活泼」文字2，实现文字鬼影、喊叫、慢跑、瑟瑟发抖、褪色、摇晃动画效果基于CSS的animation、transform以及keyframes等关键属性实现的6种文字增强动画效果，此外，还利用splitting插件进行了分词操作，最终实现了文字鬼影、文字喊叫、文字...
文字效果
CSS创建「活泼」文字1，实现文字跳动、浮动、慢跑、上下旋转、左右旋转、下降动画效果基于CSS的animation、transform以及keyframes等关键属性实现的6种文字增强动画效果，此外，还利用splitting插件进行了分词操作，最终实现了文字跳动、文字浮动、文字...
音符跳动
CSS音符跳动动画效果，音频律动，动感十足！使用纯CSS实现的两款音符跳动动画，使用了CSS的animation以及keyframes等关键属性实现，这两款律动效果支持自定义颜色、跳动频率等动画效果，非常适合加载中loading场景中使用。
跳跳小游戏
Canvas 实现的果冻跳跳跳生存冒险类小游戏，挑战性、趣味性十足！基于Canvas + JavaScript实现的果冻冲冲冲小游戏，该游戏改编自 iOS 上的游戏「Go Go Jelly」，游戏规则：点击屏幕主人公小果冻向上跳动，收集星星并消灭游动的小鸟以获...
悬浮气泡
纯CSS实现的气泡上下浮动动画效果使用纯CSS实现的气泡上下浮动动画效果，使用到了CSS 的 box-shadow、backdrop-filter、animation、aspect-ratio等关键属性实现，泛着微光的气泡在黑...
抖动效果
GSAP 实现仿iPhone音量条DIV拖拽抖动弹跳动画效果受 iPhone 音量条的启发设计的这款可随意通过拖拽的方式调整宽度的DIV弹性效果，拖动完成后会有抖动效果，只需按住并拖动右侧拖拽杆（鼠标悬停显示拖拽杆）即可看到这种交互性特别强的抖动效果。该...