悬浮提示框
CSS带悬浮效果的极简风格高颜值Toast弹出框一款基于CSS结合JS实现的简约风格Toast弹出框不断弹出的效果。总共内置了20种不同情形下的提示框，每当一个通知出现并被关闭时，新的通知会立即取而代之，营造出一种持续不断的动态效果。每个通知...
C型加载器
CSS创意立体C型色带穿墙动画预加载器通过纯CSS实现的一款色带预加载器效果，蓝黑色的C型色带在立体空间中绕圈运动，由于圈的其中一半被遮挡住了，所以整体运动好像是C型色带从一侧墙体进入，然后从另一侧墙体中钻出一样。特别有空间感。
起伏加载器
CSS3D动感加载器动画，环形排列小圆柱依次起伏动画效果基于纯CSS实现的这款 3D 动感加载器，采用虚拟的三维空间效果，呈现出一个由多条管道组成的环形旋转动画。当加载器运行时，这些管道会依次从底下「钻出来」，形成一个动态的视觉焦点。特别的是，当管道...
3D范围滑块
CSS极具空间感和层次感的 3D 可伸缩的范围滑块立体感以及层次感突出的范围滑块是一种新颖的交互设计，完全通过CSS的transform等关键属性实现3D效果，滑块在3D空间的 Z 轴上运行，提供了层次感和空间感。当用户激活滑块时，刻度会沿着 ...
像素化iMAC
像素化 iMac G3：纯 CSS 制作的复古电脑这是一个用纯 CSS 制作的像素化（块状）iMac G3 模型效果。用户可以通过点击来开关机，切换到暗模式后，可以看到 iMac 在黑暗中发出光芒，营造出一种复古而深邃的视觉效果。
倾斜开关
CSS实现具有3D倾斜滚球效果的切换开关按钮基于CSS结合JS创建了一个具有 3D 倾斜效果的开关切换（Toggle Switch）按钮，让用户在操作开关的时候感觉像是在玩一个玩具，特别的具有趣味性。通过使用 CSS3 的变换和过渡效果，...
磨砂图标
CSS磨砂玻璃背景拟物化（Skeuomorphic）风格菱形水晶玻璃刻字效果Logo图标基于纯 CSS 实现的一款磨砂玻璃背景拟物化（Skeuomorphic）风格菱形图标，菱形图标由四个小菱形组合聚合到一起组成。仿佛是在塑料玻璃方块上雕刻出的图标一样，将这个图标陈列在木质板上...
原子加载器
CSS（碳-13）原子3D结构动态运动动画效果，可在Loading加载中或者网页背景使用！这个运动中的（碳-13）原子由 SVG 电子轨道和 "3D "CSS 质子和中子组成。非常适合于页面加载Loading期间使用，如果应用于医学或者化学等专业网站效果更佳！
3D产品展示
CSS实现苹果官网液晶屏显示器3D旋转多方位展示效果基于CSS技巧以及DIV实现的苹果官网令人叹为观止的显示器立体旋转展示效果。由于条件限制，旋转动画只实现了一小部分，如果有需求可以在此基础上进行扩展。就像苹果官网的广告词一样「征服双眼，震撼人心...
旋转加载器
SVG 素描3D旋转屋Loading加载中动画效果一款通过SVG实现的3D旋转小屋加载中动画效果，其中小房子素描简笔画及旋转动画是通过SVG实现的。不足百行代码的一款非常轻量级干净的一款预加载器。
3D预加载器
CSS带有灯光效果的3D箱子移动变换Loding加载中效果。一款通过纯CSS实现的3D带灯光照射效果的箱子移动加载器，页面有三个立体的箱子，围绕中心点旋转，并且依次展示伸缩动画效果，箱子的背面以及拉长伸缩的过程中伴随有影子变化效果，像有灯光在头顶上方照射一般。