拨动切换
CSS实现垂直翘板开关按钮，仿现实面板开关！通过CSS实现的一款特别精致的纵向翘板开关效果，通过鼠标可以拨动翘板开关已实现开关状态切换效果，当打开开关时翘板的下半部分会处于下按的状态并且有一个绿色的长条灯亮起，关闭开关时开关的上半部分处于...
活泼米老鼠
CSS实现米老鼠卡通形象，JS驱动米老鼠的眼神追随鼠标移动！这是一款通过CSS结合JavaScript技术实现可识别方向的米老鼠动画效果，首先在HTML文件中定义好卡通米老鼠形象的头部各个部位，比如耳朵、眼睛、鼻子、嘴巴等等特征，然后通过CSS分别对这些...
明暗按钮
CSS亮色主题与暗色主题切换按钮，带太阳与月亮图标交互效果一款主题鲜明的亮色与暗色模式切换按钮，基于纯CSS实现特别的轻量级。按钮的图标会随着主题的变化而变化，当亮色主题模式下显示小太阳图标，当黑色主题模式下切换为月亮小图标。专门为亮色暗色主题切换场景...
创意单选框
CSS焦点边框平移效果 Radio 单选按钮纯CSS实现的焦点滑动Radio单选按钮，底层其实还是radio标签，我们在radio标签上加入了truncate的选择器，并且定义了焦点边框的平移效果，不需要各类三方插件，仅仅只需要CSS即可...
内容单选
HTML支付确认（结算）页面网格布局，并实现银行卡及套餐等内容卡片单选效果通过CSS实现的支付结算页面基础网状布局，实现了选择银行卡以及选择套餐的功能。支持响应式布局，在移动等小型设备中同样可以良好显示。这款效果除了实现了结算页面的布局之外，最重要的是内容卡片单选效果...
滚雪球
CSS雪地上滚动雪球效果范围指示器一款通过CSS结合TypeScript技术实现的雪球滚动范围指示器，整体效果表现：背景是雪地，雪球在雪地中横向滚动形成凹痕路线，雪球的上方是范围刻度数字（写在雪地上的文字效果），并且雪球带有影...
气泡加载器
CSS气泡缓缓上升后破裂动画Loading加载中效果CSS实现的一款多个泡泡上升后逐步破裂动画效果的预加载器，特别有趣的一款Loading加载中效果，仅使用CSS即可实现，相当轻量级。非常适合应用于页面加载的间隙中，让无趣的等待变得活泼起来！
滚动按钮
CSS实现3D滚球回滚切换按钮一款通过CSS结合TypeScript实现的3D滚球动画效果切换按钮，其中3D圆球的滚动、背景的立体阴影效果都是基于CSS属性实现的，小球表面的点状修饰是通过覆盖图片实现的。点击小球后者小球的旁...
乒乓球加载
CSS乒乓球拍端球、托球Loading加载中特效一款趣味性十足的乒乓球端球动画Loading预加载器效果，基于CSS实现，其中的乒乓球拍以及乒乓球素材是基于SVG矢量图会实现的。实现这个效果只需要少于100行的CSS代码即可实现，非常的轻量级...
纸张开关
CSS翻开纸张、掀开盖子效果开关按钮一款通过纯CSS实现的轻量级掀盖子效果开关按钮，这款开关按钮特别的有创意，通过掀开盖子和关闭盖子动作代表开关的切换操作。同时也像是翻书、翻页、翻阅纸张的特效。总之，这是一款交互性强、多功能有创意...
动态圆环
CSS创意动态圆环Loading加载中动画效果通过CSS实现的多个动态小圆链接围绕成大圆环的Loading预加载器，每个小圆环像眼睛一样，连接在一起围绕成圆环，并且每个「小眼睛」都在有节奏闭合最终形成了一个动态的圆环动画。这种动态效果非常适...
柱状图加载器
CSS弹跳3D柱状图Loading加载中动画效果一款通过纯CSS实现的等距3D柱状图有节奏地跳动预加载器效果，这款柱状图的单个柱体带影子效果，并且做着有节奏且规律地弹跳动画。这款Loading效果特别的轻量级，完全由CSS实现，用在实际项目的...