滑动开关
CSS实现Skeuomorphic拟物化风格立体滑动开关通过CSS实现的一款时尚的Skeuomorphic拟物化风格开关按钮，点击按钮滑动开关实现状态切换，滑动过程中按钮底色会发生变化以突出开光状态的切换。整个按钮切换滑动的动画特别的丝滑，背景仿照了...
圣诞星
CSS圣诞树上的星星流光动画Loading加载中效果通过CSS结合SVG实现的一款多层嵌套星星效果，其中页面的常见素材都是由SVG实现的，特别轻量级，每一层的星星边款都有一小段流光弧线在沿着星星的外围快速环绕游走，整个动画效果特别有节奏，非常适...
啤酒加工
CSS啤酒装瓶加工过程动画Loading加载中效果，非常有创意的一款预加载器将啤酒的生产加工过程动画放入页面预加载过程中一定非常有趣，所以我为大家分享这款通过CSS实现的啤酒加盖过程Loading加载中动画效果，让用户在等待页面加载的过程中也能减少用户的疲劳感。实现过程...
拨动切换
CSS实现垂直翘板开关按钮，仿现实面板开关！通过CSS实现的一款特别精致的纵向翘板开关效果，通过鼠标可以拨动翘板开关已实现开关状态切换效果，当打开开关时翘板的下半部分会处于下按的状态并且有一个绿色的长条灯亮起，关闭开关时开关的上半部分处于...
活泼米老鼠
CSS实现米老鼠卡通形象，JS驱动米老鼠的眼神追随鼠标移动！这是一款通过CSS结合JavaScript技术实现可识别方向的米老鼠动画效果，首先在HTML文件中定义好卡通米老鼠形象的头部各个部位，比如耳朵、眼睛、鼻子、嘴巴等等特征，然后通过CSS分别对这些...
麦迪兔
医疗器械电商及医疗保健行业网站专用Bootstrap响应式模板「麦迪兔」是一款精心设计的医疗保健行业 HTML 响应式网站模板，内置了35+HTML功能页面，其中包含6款不同布局风格的主页以及6款单页布局页面，并且还内置了完整的在线购物功能。不仅适合于医院...
格莱美
创新设计与电商功能结合，专为数字营销、设计企业以及网络开发公司打造的 Bootstrap 网站模板「格莱美」是一款专为数字营销机构、创意网络公司、设计公司、SEO机构和网页开发公司网站精心打造的响应式 HTML 模板，基于先进的Bootstrap5x框架进行构建，内置了25+HTML功能页面...
明暗按钮
CSS亮色主题与暗色主题切换按钮，带太阳与月亮图标交互效果一款主题鲜明的亮色与暗色模式切换按钮，基于纯CSS实现特别的轻量级。按钮的图标会随着主题的变化而变化，当亮色主题模式下显示小太阳图标，当黑色主题模式下切换为月亮小图标。专门为亮色暗色主题切换场景...
创意单选框
CSS焦点边框平移效果 Radio 单选按钮纯CSS实现的焦点滑动Radio单选按钮，底层其实还是radio标签，我们在radio标签上加入了truncate的选择器，并且定义了焦点边框的平移效果，不需要各类三方插件，仅仅只需要CSS即可...
内容单选
HTML支付确认（结算）页面网格布局，并实现银行卡及套餐等内容卡片单选效果通过CSS实现的支付结算页面基础网状布局，实现了选择银行卡以及选择套餐的功能。支持响应式布局，在移动等小型设备中同样可以良好显示。这款效果除了实现了结算页面的布局之外，最重要的是内容卡片单选效果...
滚雪球
CSS雪地上滚动雪球效果范围指示器一款通过CSS结合TypeScript技术实现的雪球滚动范围指示器，整体效果表现：背景是雪地，雪球在雪地中横向滚动形成凹痕路线，雪球的上方是范围刻度数字（写在雪地上的文字效果），并且雪球带有影...
气泡加载器
CSS气泡缓缓上升后破裂动画Loading加载中效果CSS实现的一款多个泡泡上升后逐步破裂动画效果的预加载器，特别有趣的一款Loading加载中效果，仅使用CSS即可实现，相当轻量级。非常适合应用于页面加载的间隙中，让无趣的等待变得活泼起来！