进退按钮
CSS创意时钟主题撤销（Undo）和重做（Redo）按钮组件基于CSS和JavaScript创建了一个带有钟表效果的撤销（Undo）和重做（Redo）按钮组件，可以形象地表示撤销和重做操作，加入了创意的时钟元素就像倒回或前进时间一样。形象的刻画出了前进撤...
倾斜开关
CSS实现具有3D倾斜滚球效果的切换开关按钮基于CSS结合JS创建了一个具有 3D 倾斜效果的开关切换（Toggle Switch）按钮，让用户在操作开关的时候感觉像是在玩一个玩具，特别的具有趣味性。通过使用 CSS3 的变换和过渡效果，...
范围选择
CSS+JS实现带有数值滑动切换效果的的滑块范围选择器为了创建一个带有数值滑动变化效果的范围滑块选择器（Range Slider with Sliding Value），用户拖动滑块时，值会以滑动变化的方式显示在滑块上方，这款效果是基于 CSS 和...
衰减Loading
JS+SVG环形逐渐衰减脱落动画效果预加载器基于CSS+SVG+JS实现的一款“衰减脱落”风格的预加载动画（Decaying Preloader），围绕环形运动的蓝色圆柱状物体逐渐脱落分解自身直至最终消失，给人一种逐渐消退的感觉。非常...
飞行模式切换
CSS+JS带飞机起飞和降落动画的飞行模式切换图标按钮在切换飞行模式时，能够观看到小飞机的起飞和降落动画会不会很炫酷？当前这款基于CSS和JS技术实现的切换按钮就带有飞机起飞、环绕飞行最终降落的动画效果。并且按钮带有颜色切换以及触感。非常适合于飞...
灯光按钮
CSS带触感及灯光效果的圆形开关按钮基于CSS实现的两款极简风格带灯关效果的圆形开关按钮，分别是白色以及黑色两款，点击按钮打开开关时有被按下去的下陷触感，并且按钮中心的灯关会亮起来，反之关闭开关时按钮有凸起的效果，并且按钮中心的...
铅笔绕圈
CSS趣味铅笔环形运动划线擦除动画Loading加载器一款趣味性十足的铅笔绕圈动画效果，这根铅笔尾部还带有橡皮，铅笔素材是由svg矢量图绘制的，而铅笔环绕运动画圈并使用橡皮擦出的动画效果是基于CSS实现的。这款铅笔动画特别适用于页面加载中Loadi...
动态自行车
CSS+SVG行驶中的自行车简笔画绘制过程动画效果，适用于Loading预加载器或者背景动画基于CSS+SVG创建一个自行车样式的预加载动画，其中自行车素材是通过SVG矢量图实现的，自行车的两个轮子以及链条都是由旋转的加载器组成的，并且整个动画展示了行驶中的自行车简笔画的落成过程及擦除...
圆环电池
CSS实现的圆环形电池电量指示计通过CSS实现的一款有趣的圆环电池电量计动画效果，由一个在圆环内伸展的电池组成，带有正负极标识，并且在电量低于10%、10%-20%以及大于20%区间都会有不同的颜色体现以显示电池健康状况。底部...
胶囊加载器
CSS仿真胶囊药丸浮动旋转Loading加载器效果一款带阴影效果的胶囊药丸💊有节奏的上下运动并伴随着旋转效果。是基于纯CSS实现的，非常适用于页面Loading加载期间使用。非常的轻量级只需要少量的CSS代码即可实现。
磨砂图标
CSS磨砂玻璃背景拟物化（Skeuomorphic）风格菱形水晶玻璃刻字效果Logo图标基于纯 CSS 实现的一款磨砂玻璃背景拟物化（Skeuomorphic）风格菱形图标，菱形图标由四个小菱形组合聚合到一起组成。仿佛是在塑料玻璃方块上雕刻出的图标一样，将这个图标陈列在木质板上...
加载效果
CSS实现的 Neumorphism（新拟物风格）加载指示器动画效果基于CSS创建了一个 Neumorphic 风格的加载动画，结合锥形渐变（conic-gradient）和 CSS 的其他重要变量，可以实现一个既美观又现代的效果。Neumorphic 风格强调...