瓦里克
7种时尚主题风格且功能齐全的仪表盘后端管理 Bootstrap 模板「瓦里克」是一款基于 Bootstrap 5.3.0 构建的高级Admin管理端响应式网站模板，融合了 HTML5、SCSS 和 jQuery 等现代化技术。它提供了简洁、现代的设计风格，支持浅...
流光按钮
CSS带有动态边框和渐变背景的CTA召唤按钮这是一个带有动态边框和渐变背景的闪亮CTA召唤按钮。使用CSS的@property规则可以定义自定义属性，使动画效果更加灵活和可控。@keyframes规则用于定义动画效果，而animation...
3D旋转
CSS堆叠立方体的原地3D旋转动画效果这个效果通过使用纯CSS来实现一个堆叠立方体依次旋转的动画。多个立方体堆叠整齐的置于地面，然后按照预定的时间延迟依次旋转，最终形成一个连续的旋转效果。这种效果通常用于展示3D动画或作为页面加载时...
高尔夫单选框
CSS利用高尔夫进洞的动画效果实现创意且趣味性十足的单选按钮（radio buttons）这个效果通过使用CSS来创建一个类似于迷你高尔夫（Putt-Putt）的游戏界面实现创意且趣味性十足的单选按钮（radio buttons）。每个单选按钮被设计成一个高尔夫球洞，当用户选择某个选...
UFO
CSS实现UFO灯光照亮地面效果使用CSS实现的UFO模型效果，在html中预先定义UFO的头部：head，主体：body，灯光：beam等五个区域，然后通过CSS的定位position、背景background以及z-ind...
太阳光芒
CSS太阳发光动画效果基于CSS实现的太阳以及太阳光芒四射动画效果，整个太阳呈现出一种炙热的沸腾感，实现方式：先定义若干个div为ray的元素，代表阳光，外层是div为sun的「太阳」区域，然后通过CSS的anima...
马克特
电子产品和生鲜超市电商平台Bootstrap网站模板「马克特」是一款功能全面且布局合理的电商平台专属Bootstrap响应式网站模板，提供了2种不同行业电商主题布局风格，分别是水果蔬菜饮料等生鲜超市主题以及手机、电脑、相机等电子产品主题风格。非常...
连点成线
CSS将100个点连接成线通过CSS的transform（转换）以及transition（过渡）效果实现连点成线效果，页面预置了100个span属性代表100个点元素，当鼠标悬浮于点上时，该点会向四周划线扩散，随着鼠标的...
跑马灯
CSS创意图片文字跑马灯效果，实现倾斜方向滚动轮播创建一个展示狗狗图片以及介绍的跑马灯效果。使用CSS的@keyframes规则和animation属性，可以轻松实现图片的水平或者倾斜方向滚动效果。DIV容器元素用于包裹常见的图片，并控制其显...
逼真眼球
CSS扁平化眼球轮廓，中间瞳孔左右摇摆注视四方使用CSS创建了一个眼球轮廓效果，眼球周围撒发着微光，CSS的圆角属性和绝对定位可以精确控制眼球各部分的位置和样式。伪元素用于添加瞳孔和高光效果，使眼球看起来更加逼真。整个效果只在二维平面上呈...
钟表
HTML简约时尚风格时钟通过CSS与JS实现的简约风格时钟，黑白红三色非常的干净且时尚，仅5K大小的代码量即可实现，多功能的轻量级！主要用到了CSS的transform（转换）以及transition（过渡效果）等关键...
感应小游戏
HTML四色板点按顺序与音调记忆小游戏，考验你的记忆力以及音调感知能力一款通过CSS以及JavaScript实现的非常好玩的感应小游戏，通过记忆声音播放顺序或者四色版点按顺序加上自己对音乐的感知能力挑战游戏关卡。通过点击「开始」按钮开始游戏，仔细倾听播放的音调以...