乐高主题加载器
CSS乐高搭积木动画主题Loading预加载器基于纯CSS创建一个有趣的乐高主题预加载动画效果，可以让用户在等待加载时感受到乐高积木塔不断搭建的过程，并且底部带有趣的文字小提示（Tip）。
范围选择
CSS创意条形纹理糖果范围选择器创建一个具有薄荷纹理糖果风格范围选择器（Peppermint Range Slider），可以让用户在选择数值范围时感受到一种甜蜜的视觉体验，非常具有新意的一款范围选择器。底层通过JavaScr...
圣诞动画
SVG+CSS实现圣诞Holly红果绿叶主题与手写文字动画圣诞庆贺 HTML 页面创建一个带有圣诞红果绿叶（Holly）动画和手写笔画动画的圣诞节庆贺主题HTML页面，可以为你的网站增添节日气氛。带有圣诞节特色的素材Holly叶子和红色果实在屏幕中逐渐出现，最后展示手写「Me...
投掷切换
CSS带投掷以及自由落体动画效果的切换按钮通过CSS结合JavaScript创建了一个“抛掷”风格的切换按钮，可用作开关切换、状态切换以及主题切换场景使用，给用户一种通过手柄将球抛向空中再落下的感觉。实现很简单，基础的HTML代码如下，...
笑脸加载器
CSS+SVG实现的圆形笑脸旋转Loading预加载器动画效果创建了一个带有笑脸的预加载Loading动画效果，可以让用户在等待网页加载时感到更加愉快。这个动画的笑脸是通过SVG矢量图实现的，旋转的动画效果是通过CSS实现的，使笑脸在每次旋转时都保持微笑的样子。
进度条倒计时
CSS+JS创意进度条效果新年倒计时组件基于CSS+JS实现的一款创意十足的新年倒计时效果，通过进度条的逐步填充映射新年的临近。并且底部附带了距离新年的月、天、小时、分钟、秒等细节内容，这部分内容支持折叠与展开。最下面还有一个可以查...
进退按钮
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技术实现的切换按钮就带有飞机起飞、环绕飞行最终降落的动画效果。并且按钮带有颜色切换以及触感。非常适合于飞...