阿塔克
多功能响应式数字创意设计机构与作品集展示HTML响应式模板「阿塔克」是一款多功能、响应式且易于定制的数字创意机构与作品集HTML模板，提供14+个独特的主页设计以及总共45+html内页，外观支持黑暗模式与亮色模式切换、全宽布局及盒子布局切换、鼠标跟随...
跑马灯
CSS创意图片文字跑马灯效果，实现倾斜方向滚动轮播创建一个展示狗狗图片以及介绍的跑马灯效果。使用CSS的@keyframes规则和animation属性，可以轻松实现图片的水平或者倾斜方向滚动效果。DIV容器元素用于包裹常见的图片，并控制其显...
蓝莓秀
Bootstrap 食品电商平台网站模板，支持RTL翻转、黑色模式以及多种自定义颜色皮肤「蓝莓秀」是「Tailwind CSS 食品电商平台网站模板，支持RTL、黑色模式以及多种颜色皮肤外观」这款模板的兄弟版本：基于主流先进的Bootstrap v5.3.3设计而成的食品电商网站模...
介绍卡片
HTML创意个人简介卡片布局，附带交互性极强的折叠与打开详情功能通过JS结合CSS实现的个人信息展示卡片布局效果，初始状态下是一张手绘简图（可以根据性别放置不同的图片），简图的眼神会随着鼠标的方向进行移动。当点击简图后会呈现「折叠纸甩开摇摆」的动画效果，在简...
登录界面
HTML复古游戏风格登录表单通过Vue.js实现的复古经典游戏风格登录表单，点击登录按钮加载中状态会出现「吃豆人」的游戏元素动画效果，非常有趣其有创意的一款登录界面，可以将经典的视频游戏元素与现代前端框架结合起来。这样的登...
小球绕环
CSS 三只小球环绕圆环顺时针运动Loading页面加载器动画效果创建一个由环形（ring）和球体（spheres）组成的动画场景，并使用CSS来控制z-index的变化，可以产生一个动态且具有深度感的三只小球环绕圆环顺时针运动动画效果。这样的动画可以用于各...
创意时钟
HTML中通过SVG实现Apple Watch简洁风格的时钟动画创建了一个受Apple Watch时间启发的时钟主题SVG动画效果，时分秒分别对应着三个颜色不一样且从小到大依次嵌套的圆环，中心是数字时间，钟表的圆环轮廓是通过SVG矢量图实现的，细节样式是通...
人物表情
CSS实现圣诞老人调皮、开心等四种创意表情动画效果使用CSS实现的圣诞老人开心等四种创意表情动画效果，实现原理也很简单，在html页面中分别定义眼睛、嘴巴、耳朵、胡子、鼻子等部位所代表的div元素，利用CSS的keyframes、transfo...
创意背景
CSS 创意动态渐变背景，linear-gradient实现的线型交叉图形变换效果基于 CSS 的 linear-gradient、keyframes 以及animation等关键属性实现的线性渐变动画效果，非常的吸引人！linear-gradient 是一种背景图像，它沿着...
立体开关
CSS实现等轴视角下的2.5D风格开关切换动画效果使用CSS的transition、transform以及grid-template-rows等关键属性实现的等轴视角下的2.5D风格立体开关动画效果，多用在游戏或其他创意场景中。附带阴影以及明暗...
查询动画
CSS定制搜索中动画效果（眼睛注视放大镜加载中动画）使用CSS实现的创意搜索动画效果，这是一种点击查询按钮且搜索结果未出现之前的一段动画效果，呈现的效果是：转动的眼球注视放大镜，且上方带有加载状态的三点动画。整个动画效果全是基于CSS实现的不依赖...
跳跃加载器
CSS实现的3D交叉跳跃的多彩小球动画加载器使用CSS实现的3D立体三色小球交叉移位疯狂跳跃Loading加载器动画效果。是基于CSS的keyframes、transform、animation以及box-shadow等关键属性实现的。这...