星评组件
CSS跳跃方式登场的趣味星星评论组件基于CSS+JavaScript实现的一款高颜值且趣味性十足的星星评论组件，其中小星星是通过svg实现的特别的轻量级。当选择星星进行评价时，所选择的星星会以翻转跳跃的方式登场，并且星星的体态变大...
创意切换按钮
CSS带霓虹灯边框以及指示灯效果的开关切换按钮一款高颜值的带霓虹灯边框的开关切换按钮，并且还带有开关指示灯特别的有创意。当关闭状态时，是一个全黑炫酷按钮形态，左上方的指示灯为红灯，当打开开关时，黑色按钮的边框变为绿色，且左上方的绿色指示灯点...
旋转加载器
SVG 素描3D旋转屋Loading加载中动画效果一款通过SVG实现的3D旋转小屋加载中动画效果，其中小房子素描简笔画及旋转动画是通过SVG实现的。不足百行代码的一款非常轻量级干净的一款预加载器。
音符加载器
CSS音符波浪起伏动画效果Loading预加中动画一款通过CSS + SVG实现的音符波浪起伏动画Loading加载中效果，其中音符素材是基于SVG实现的。这款效果除了会像音浪一样有节奏的跳动，而且最中间的音符会在固定周期内做上下大幅度的振幅运...
3D预加载器
CSS带有灯光效果的3D箱子移动变换Loding加载中效果。一款通过纯CSS实现的3D带灯光照射效果的箱子移动加载器，页面有三个立体的箱子，围绕中心点旋转，并且依次展示伸缩动画效果，箱子的背面以及拉长伸缩的过程中伴随有影子变化效果，像有灯光在头顶上方照射一般。
按钮切换
CSS创意合并字母切换按钮一款通过纯CSS实现的创意简约风格切换按钮，这款按钮的特色主要是开关的ON和OFF单词的切换效果，ON和OFF都有前面的O，这里让前面的按钮代表字母O，后面只有FF与N两个状态分别代表关和开...
趣味加载器
CSS趣味箱子图形跳跃、旋转、变换形态Loading加载中效果通过CSS的动画变换过渡效果实现的一款趣味箱子运动Loading预加载器，这款Loading加载中特效总共包含三组图形运动动画效果，第一组为四个圆角四边形按照顺时针追随旋转，第二组为三个图形像...
手捏开关
CSS手捏式翘板波动开关，包含垂直、水平以及圆形三种形态这是一款通过纯CSS实现的手捏式翘板开关，完全模拟了现实中各种机器上的波动开关按钮，总共提供了垂直式、水平式以及圆形三种形态可供选择。实现非常简单，首先在HTML文件中定义三款按钮的雏形chec...
极简搜索框
HTML+CSS高颜值简约风格搜索框，带图标变换功能在HTML网页中实现的一款优异颜值的极简风格搜索框，当输入框获得焦点时，放大镜图标会变成箭头图标，失去焦点，箭头再次恢复为放大镜图标。蓝底色+圆角边框+白色图标+白色搜索文字组成了这款简约搜索框...
白玉钟表
CSS实现拥有汉白玉质感的极简风格模拟时钟再分享一款简约风格的模拟时钟，晶莹透剔的汉白玉的表盘，纤细的指针结合少量的刻度组成了这款极简风格的模拟时钟，指针的走动还带有抖动感。这么一款模拟时钟是通过CSS结合JS实现的，其中表盘的外观以及...
黄铜钟表
CSS实现的木质边框与黄铜表盘复古风格模拟时钟通过CSS实现的一款黄铜表盘与木质边框组成的复古时钟，锃光瓦亮的黄铜表盘+富贵范十足的木制边框组成了这么一款高贵壁挂模拟时钟，只需要简单的CSS技术即可实现。