弹跳效果
基于CSS实现的此起彼伏的弹跳动画效果创建了一个“此起彼伏的弹跳”动画效果，使用CSS的动画来让主要颜色（红色、蓝色、黄色）的条形色块在页面上弹跳，并且每一个色块顶部都有一个不同的emoji表情，表情会随着色块的跳动而飞跃。可以为你...
阴影效果
CSS炫酷的聚光灯下长阴影3D效果基于CSS的transform、transition以及linear-gradient等关键属性实现的一个鼠标悬停文本呈现聚光灯照射文本效果，并且使其投射出3D立体长阴影。这种效果可以为文本添加...
介绍卡片
HTML创意个人简介卡片布局，附带交互性极强的折叠与打开详情功能通过JS结合CSS实现的个人信息展示卡片布局效果，初始状态下是一张手绘简图（可以根据性别放置不同的图片），简图的眼神会随着鼠标的方向进行移动。当点击简图后会呈现「折叠纸甩开摇摆」的动画效果，在简...
锐威路
现代旅游探险HTML5响应式网站模板，打造独特旅行体验展示平台「锐威路」是一款现代化的旅游探险HTML5模板，基于先进的Bootstrap5x响应式网站进行设计，提供了20+HTML功能页面并且包含3个独特的主页主题风格，专为旅游代理、旅行社、夏令营、旅游...
卢克米
时尚服装电商平台App手机网站模板（Bootstrap + PWA）「卢克米」模板是通过Bootstrap 5结合PWA技术实现的一款功能强大、性能卓越的移动电商App手机网站模板，非常适合于服装电商App、鞋类电商、奢饰品电商平台手机App网站使用。该模板内置...
出场动画
GSAP英雄标题文字出场输出动画效果创建一个使用GSAP和Lettering.js技术实现的滑出文字介绍效果，是一个非常有趣且视觉效果丰富的文字亮相动画效果。其中Lettering.js负责拆解文字逐个进行输出，以便更精细地控制每...
夜空背景
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代码即可实现，无需依赖任何三方插件，特别的轻量级。