夜空背景
CSS繁星点点夜空背景效果，美丽的夜空星星随机闪动创建一个“Starry Night「繁星夜空」”的背景效果，使用Sass的random()函数来生成随机的星星位置和大小，可以实现一个动态且自然的夜空效果。
拳击汉堡
基于Zdog和GSAP技术实现「汉堡拳击手」3D动画效果结合Zdog和GSAP库创建了一个有趣的立体汉堡打拳击动画效果，小汉堡的拳击动作非常的娴熟，支持通过鼠标360度拖拽查看细节并且点击后小汉堡会打出一套漂亮的拳击动作！其中Zdog基于SVG创建3...
数字轮播
通过CSS的:nth-child选择器实现的数字内容轮播效果创建了一种数字序列（0123456789）轮播效果，使用CSS的:nth-child选择器来为每个数字添加不同的样式，实现了有趣丝滑的轮播切换效果。其中，数字的颜色、数字下的横杠外观以及底部内容...
登录界面
HTML复古游戏风格登录表单通过Vue.js实现的复古经典游戏风格登录表单，点击登录按钮加载中状态会出现「吃豆人」的游戏元素动画效果，非常有趣其有创意的一款登录界面，可以将经典的视频游戏元素与现代前端框架结合起来。这样的登...
摇摆节拍
HTML实现的带摇摆动画效果的节拍器使用CSS以及JavaScript实现的带有「嘀嗒」声音和摇摆视觉节拍的简单在线节拍器。 支持设置 BPM 速度调整节拍数以及支持播放和暂停功能。其中仿「不倒翁」的摇摆效果是通过GSAP实现的。
拖拽工具条
JavaScript实现的轻量级拖动条，调整相邻板块区域大小通过纯JavaScript创建了一个简单的拖动条（dragbar）来调整两个相邻HTML板块区域的大小，只需要简单十几行JS代码即可实现，无需依赖各类三方插件，特别的轻量级。
旋转立方体
CSS波浪彩色3D旋转立方体，多种颜色平滑交替过度效果通过CSS的keyframes、transform以及animation等关键属性实现的3D旋转立方体，立方体周边泛着晶莹剔透五彩缤纷的色彩变化，你可以根据自己的需求调整颜色、大小、动画速度和其...
来思茅
配镜与眼镜电商平台专用App手机网站模板(Bootstrap + PWA)「来思茅」是一款专为眼镜商店打造的App移动应用模板，适用于配镜平台、眼镜店、太阳镜店等线上电商平台App手机网站使用。基于 Bootstrap 5 和 PWA 技术，帮助您创建快速加载、性能优...
阿莫斯
食谱和美食教程 HTML 手机网站模板「阿莫斯」是一款基于 Materializecss 构建的手机网站模板，专为在线做菜教程、菜谱、食谱网站和美食博客量身打造。无论是展示食谱、分享美食创作，还是搭建一个高效的食品类平台，「阿莫斯」...
达皮特
Bootstrap 宠物领养与宠物互动平台手机网站模板「达皮特」是一款专为宠物领养设计的App移动应用网站模板，是基于主流的前端响应式框架Bootstrap结合PWA技术实现的，能够将网站房子啊设备的主屏幕中，拥有媲美原生App的用户体验，帮助喜欢...
交替布局
CSS实现图片与内容位置交替的响应式布局以及反向布局利用CSS的布局属性创建了一个交替布局的页面，其中每个文章区块内的图像和内容会根据区块的方向属性交替排列，同时确保在响应式布局中内容始终位于图像之上。并且支持反向布局选项。这种布局底层使用CSS...
波浪方格
CSS实现多彩方格波浪效果创建了一个“色彩网格波浪”（Color Wave）效果，可以使用CSS动画来模拟多种颜色的方格在元素之间起伏流动的效果。这种效果通常用于网站的背景或其他需要视觉吸引力的元素上。通过使用CSS的a...