倾斜开关
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%区间都会有不同的颜色体现以显示电池健康状况。底部...
博克斯
Tailwind CSS现代化简约风格在线个人全方位展示网站模板，包含单页与多页两种风格「博克斯」是一款基于Tailwind CSS框架的现代化简约风格个人作品集 HTML 模板，专为设计师、开发者、自由职业者等个人网站设计。该模板提供单页布局以及多页布局两种布局风格，并提供了9种...
太阳板
太阳能电池板与绿色新能源公司网站专用的简约风格 Bootstrap 模板「太阳板」是一款专为太阳能、风能及其他可再生绿色能源公司设计的HTML响应式网站模板，旨在帮助这些企业打造专业的在线形象。基于Bootstrap 5框架，包含2款独特布局主页，「太阳板」模板不仅...
鸭蛋壳
供设计师、程序员及其他自由职业者专用的个人网站及作品展示平台专用Bootstrap模板「鸭蛋壳」是一款专为设计师、自由职业者、艺术家及各类创意人士打造的尖端 HTML 模板，旨在帮助用户展示个人作品并提升品牌形象。基于主流的前端框架Bootstrap5x进行构建，支持亮暗主题模式...
胶囊加载器
CSS仿真胶囊药丸浮动旋转Loading加载器效果一款带阴影效果的胶囊药丸💊有节奏的上下运动并伴随着旋转效果。是基于纯CSS实现的，非常适用于页面Loading加载期间使用。非常的轻量级只需要少量的CSS代码即可实现。