充电电池
CSS创意电池充电中效果，高颜值的电量加载过程动画当前代码段基于CSS创建了一个电池充电动画效果，中间由「电池+闪电」图标组成一个正处在充电状态的动画，周边是一个圆形的加载环，图标均是由SVG实现的，闪电以及加载动画是基于CSS实现的。并且实现...
创意字符
CSS多层光环嵌套3D立体复古文字效果，点按文字实现多层光环扩散效果当前代码段基于CSS创建了一个复古风格的多层光环嵌套的3D文字效果，支持点按键盘任意键更换文字，当鼠标悬停在字母上时，字母会跟随光标移动，点击并按住字母时，文字会激活一个多彩的光环扩散效果。这种...
埃克斯
艺术风格非常浓厚的设计公司及创意机构专用 Bootstrap 网站模板「埃克斯」是一款专为创意机构、设计师、开发者及自由职业者设计的 HTML 响应式网站模板，艺术风格非常浓厚的一款模板。这款模板提供了17+HTML功能页面，其中包含 5 个高质量的预构建独特首页...
滚动指示
CSS创意闹钟效果鼠标滚动指示器小组件该代码片段创建了一个由鼠标滚动驱动的小闹钟动画计时器，其中小闹钟图标是通过SVG矢量图创建的，底层完全使用CSS实现滚动计数和指针滑动效果。小闹钟下方的进度百分比会根据滚动位置更新，闹钟的指针以...
鼠标拖尾
CSS彩色粒子粉末鼠标拖尾跟随效果这个效果通过使用Web组件（Web Component）来创建一个名为 <pointer-particles> 的组件。该组件会监控鼠标的移动事件的发生，当用户在页面上移动鼠标或点击时，会在鼠标...
创意单选框
CSS通过老人半身像的显示与隐藏状态实现CheckBox复选框效果基于CSS实现的老人半身像效果，初始状态是半隐身状态（表示未选中状态），当点击时半身像突出显示并且呈现点头微笑的动画效果（表示选中状态），通过动画的两种效果实现CheckBox复选框的选中以及未...
普瑞科
创意作品集 HTML 响应式模板：创意设计机构和个人设计网站的理想选择「普瑞科」是一款专为创意机构、艺术设计、设计师、开发者及摄影师等打造的创意作品集 HTML 网站模板，使用了主流版本的Bootstrap5x技术进行构建。非常适用于个人作品展示和各类设计以及艺术...
高尔夫单选框
CSS利用高尔夫进洞的动画效果实现创意且趣味性十足的单选按钮（radio buttons）这个效果通过使用CSS来创建一个类似于迷你高尔夫（Putt-Putt）的游戏界面实现创意且趣味性十足的单选按钮（radio buttons）。每个单选按钮被设计成一个高尔夫球洞，当用户选择某个选...
阿塔克
多功能响应式数字创意设计机构与作品集展示HTML响应式模板「阿塔克」是一款多功能、响应式且易于定制的数字创意机构与作品集HTML模板，提供14+个独特的主页设计以及总共45+html内页，外观支持黑暗模式与亮色模式切换、全宽布局及盒子布局切换、鼠标跟随...
跑马灯
CSS创意图片文字跑马灯效果，实现倾斜方向滚动轮播创建一个展示狗狗图片以及介绍的跑马灯效果。使用CSS的@keyframes规则和animation属性，可以轻松实现图片的水平或者倾斜方向滚动效果。DIV容器元素用于包裹常见的图片，并控制其显...
蓝莓秀
Bootstrap 食品电商平台网站模板，支持RTL翻转、黑色模式以及多种自定义颜色皮肤「蓝莓秀」是「Tailwind CSS 食品电商平台网站模板，支持RTL、黑色模式以及多种颜色皮肤外观」这款模板的兄弟版本：基于主流先进的Bootstrap v5.3.3设计而成的食品电商网站模...
介绍卡片
HTML创意个人简介卡片布局，附带交互性极强的折叠与打开详情功能通过JS结合CSS实现的个人信息展示卡片布局效果，初始状态下是一张手绘简图（可以根据性别放置不同的图片），简图的眼神会随着鼠标的方向进行移动。当点击简图后会呈现「折叠纸甩开摇摆」的动画效果，在简...