介绍卡片
HTML创意个人简介卡片布局，附带交互性极强的折叠与打开详情功能通过JS结合CSS实现的个人信息展示卡片布局效果，初始状态下是一张手绘简图（可以根据性别放置不同的图片），简图的眼神会随着鼠标的方向进行移动。当点击简图后会呈现「折叠纸甩开摇摆」的动画效果，在简...
锐威路
现代旅游探险HTML5响应式网站模板，打造独特旅行体验展示平台「锐威路」是一款现代化的旅游探险HTML5模板，基于先进的Bootstrap5x响应式网站进行设计，提供了20+HTML功能页面并且包含3个独特的主页主题风格，专为旅游代理、旅行社、夏令营、旅游...
卢克米
时尚服装电商平台App手机网站模板（Bootstrap + PWA）「卢克米」模板是通过Bootstrap 5结合PWA技术实现的一款功能强大、性能卓越的移动电商App手机网站模板，非常适合于服装电商App、鞋类电商、奢饰品电商平台手机App网站使用。该模板内置...
夜空背景
CSS繁星点点夜空背景效果，美丽的夜空星星随机闪动创建一个“Starry Night「繁星夜空」”的背景效果，使用Sass的random()函数来生成随机的星星位置和大小，可以实现一个动态且自然的夜空效果。
摇摆节拍
HTML实现的带摇摆动画效果的节拍器使用CSS以及JavaScript实现的带有「嘀嗒」声音和摇摆视觉节拍的简单在线节拍器。 支持设置 BPM 速度调整节拍数以及支持播放和暂停功能。其中仿「不倒翁」的摇摆效果是通过GSAP实现的。
旋转立方体
CSS波浪彩色3D旋转立方体，多种颜色平滑交替过度效果通过CSS的keyframes、transform以及animation等关键属性实现的3D旋转立方体，立方体周边泛着晶莹剔透五彩缤纷的色彩变化，你可以根据自己的需求调整颜色、大小、动画速度和其...
阿莫斯
食谱和美食教程 HTML 手机网站模板「阿莫斯」是一款基于 Materializecss 构建的手机网站模板，专为在线做菜教程、菜谱、食谱网站和美食博客量身打造。无论是展示食谱、分享美食创作，还是搭建一个高效的食品类平台，「阿莫斯」...
交替布局
CSS实现图片与内容位置交替的响应式布局以及反向布局利用CSS的布局属性创建了一个交替布局的页面，其中每个文章区块内的图像和内容会根据区块的方向属性交替排列，同时确保在响应式布局中内容始终位于图像之上。并且支持反向布局选项。这种布局底层使用CSS...
波浪方格
CSS实现多彩方格波浪效果创建了一个“色彩网格波浪”（Color Wave）效果，可以使用CSS动画来模拟多种颜色的方格在元素之间起伏流动的效果。这种效果通常用于网站的背景或其他需要视觉吸引力的元素上。通过使用CSS的a...
加载环
通过SVG和CSS实现的多彩圆环加载中Loading动画效果CSS通过keyframes实现的6种颜色圆环转圈加载中Loading动画效果，其中圆环是通过svg矢量图绘制的。非常简约的一款HTML加载器，不足百行代码便可实现。使用起来也很简单只需要将cl...
切纸片
CSS实现手起刀落动画效果通过CSS的clip-path创建一个“斩切”（Chop）效果，可以使用CSS动画来模拟刀剑切割的动作。这个动画将涉及一个刀剑图形和一个被切割的对象，这两个对象是通过CSS的clip-path等...
海滩明月
CSS动画模拟夜晚一轮明月高高挂起的海滩景观动画效果基于CSS实现的海滩波浪与月明星稀的静谧背景动画效果，一轮明月周围点点繁星高挂，下方是波动的海浪，这个简单的CSS景观设计展示了如何使用CSS来创建一个美丽而宁静的夜间海滩场景。你可以根据自己的...