旋转立方体
CSS波浪彩色3D旋转立方体，多种颜色平滑交替过度效果通过CSS的keyframes、transform以及animation等关键属性实现的3D旋转立方体，立方体周边泛着晶莹剔透五彩缤纷的色彩变化，你可以根据自己的需求调整颜色、大小、动画速度和其...
波浪方格
CSS实现多彩方格波浪效果创建了一个“色彩网格波浪”（Color Wave）效果，可以使用CSS动画来模拟多种颜色的方格在元素之间起伏流动的效果。这种效果通常用于网站的背景或其他需要视觉吸引力的元素上。通过使用CSS的a...
切纸片
CSS实现手起刀落动画效果通过CSS的clip-path创建一个“斩切”（Chop）效果，可以使用CSS动画来模拟刀剑切割的动作。这个动画将涉及一个刀剑图形和一个被切割的对象，这两个对象是通过CSS的clip-path等...
运动轨迹
CSS 基于 cubic-bezier 实现加速减速运动曲线基于CSS的三次贝塞尔函数cubic-bezier（）以及animation和keyframes实现的加速减速不断变换位置的曲线动画效果。增加了变换背景色以及图形数量的设置按钮。
跳跳汉堡
CSS汉堡上下跳跃动画效果“跳跃汉堡”（Jumping Burger）是一个有趣的CSS动画效果，基于纯CSS技术实现，非常的轻量级，它模拟了一个大大的汉堡，分别使用CSS定义了六层分别对应汉堡的上下两层面包、番茄、蔬菜...
人物表情
CSS实现圣诞老人调皮、开心等四种创意表情动画效果使用CSS实现的圣诞老人开心等四种创意表情动画效果，实现原理也很简单，在html页面中分别定义眼睛、嘴巴、耳朵、胡子、鼻子等部位所代表的div元素，利用CSS的keyframes、transfo...
开礼物盒
CSS晃动的圣诞礼物盒，悬浮礼物盒🎁打开盖子一款基于CSS实现节日气氛满满的🎁圣诞礼物开盒动画效果，呈现的效果：一个礼物盒子放于HTML页面中，如果迟迟不打开盒子会间接性的晃动，仿佛在邀请你打开它。当鼠标悬浮于礼物盒子表面，盒子盖子会被...
邮票动画
CSS实现半圆齿孔邮票边框，边框内部附带「小船滑过水城」动画效果使用纯CSS通过一系列复杂的属性设置实现的小船缓缓滑过城市河流动画效果，外层是通过CSS的transition以及transform实现的邮票半圆齿孔边框，当鼠标移动到邮票上时邮票会放大，内部的...
图标动画
CSS用"魔法"让「剪切、复制、删除、分享」等常用图标动起来！利用CSS的animation、:after，:before以及keyframes等属性让图标动起来，当点击剪切图标时会出现一张一合的剪东西动画效果，复制图表会出现粘合的动画效果、删除图标的垃圾...
3D图形变换
等距视角下的CSS动画：实现三维图形变换与色彩过渡通过结合等距（Isometric）设计与CSS3动画技术，可以创建出一个既具有三维视觉（3D）效果又动态丰富的网页动画效果。在这个设计中，我们将利用CSS的transform属性来完成元素的旋转...
动态表情
利用 Parallax.js 插件实现Emoji表情动态效果，让Emoji表情随着鼠标轨迹运动这个效果利用了Parallax.js库实现了Emoji表情眨眼效果同时也实现了Emoji表情眼睛随着鼠标轨迹移动。随着鼠标摇头晃脑的Emoji表情很可爱也极具交互性！
穿梭小火箭
CSS支持加速以及变换方向的小火箭穿越星空动画效果纯CSS实现的小火箭穿越星空动画效果，主要是通过CSS的animation、transform以及transition实现的，支持鼠标控制火箭飞行方向，点击页面火箭会进入加速状态。