CSS 趣味 Q 弹弹跳按钮,游戏风菜单交互动效

Q 弹弹跳按钮

CSS 趣味 Q 弹弹跳按钮,游戏风菜单交互动效

这是一款 Q 弹趣味风格的弹跳按钮动效,基于纯 CSS 技术实现,按钮自带立体厚底阴影,悬停时会触发弹性扭动与弹跳过渡动画,视觉活泼有张力,游戏感十足,适用于游戏开始菜单、趣味活动页、亲子类网站...

音乐分类多选标签卡片组件,CSS 多选筛选交互效果

分类筛选标签组

音乐分类多选标签卡片组件,CSS 多选筛选交互效果

这是一款音乐分类多选交互效果,基于 CSS+JavaScript 技术实现,以带图标的圆角卡片呈现不同音乐类目,选中状态有高亮边框与勾选标识,顶部实时同步已选列表并支持批量确认,适用于音乐平台、...

纯 CSS 液态玻璃拟态 UI 组件库 Glassmorphism 界面设计套件

液态玻璃拟态 UI

纯 CSS 液态玻璃拟态 UI 组件库 Glassmorphism 界面设计套件

​这是一款液态玻璃拟态风格的 UI 组件套件,基于纯 CSS 技术实现,内置完整设计令牌体系,包含 15 款以上符合无障碍规范的常用组件,支持明暗双主题与 12 种过渡动效,零外部依赖,兼顾响应...

发送按钮液体熔融动画过渡效果(CSS+JS+SVG)

发送按钮动画

发送按钮液体熔融动画过渡效果(CSS+JS+SVG)

这是一款带有 Goo 液态熔融效果的发送按钮交互动效,基于 CSS+JavaScript+SVG 技术实现,点击纸飞机发送按钮触发丝滑的粘连形变过渡动画,自然完成从发送状态到成功状态的切换,动画...

啤酒香槟气泡上升网页特效,CSS+JS 饮品气泡动画

啤酒气泡特效

啤酒香槟气泡上升网页特效,CSS+JS 饮品气泡动画

这是一款啤酒香槟气泡上升动态特效,基于 CSS+JavaScript 技术实现,能模拟饮品气泡自然生成、随机上浮并消散的真实物理效果,气泡大小、上升速度和透明度各不相同,适用于酒水品牌官网、餐饮...

3D 风雪交加网页特效 ,Canvas 动态雪花效果

3D风雪背景

3D 风雪交加网页特效 ,Canvas 动态雪花效果

这是一款 3D 风雪交加动态特效,基于 CSS+JavaScript 技术实现,能模拟真实雪花随风向飘动的自然效果,雪花大小、下落速度和透明度随机渐变,与各类夜景、古风背景(图片支持切换)融合度...

CSS+JS 近场轨道图片旋转,鼠标引力跟随交互画廊效果

缩略图轨道动画

CSS+JS 近场轨道图片旋转,鼠标引力跟随交互画廊效果

这是一款近场轨道引力交互图片画廊效果,基于 CSS+JavaScript 技术实现,默认多张缩略图围绕中心点匀速旋转,鼠标移动时会产生引力场,附近图片自动放大并向鼠标方向偏移,离鼠标越远图片越小...

CSS 渐变发光流动边框动画,圆角图片悬停动态发光效果

流光边框

CSS 渐变发光流动边框动画,圆角图片悬停动态发光效果

这是一款纯 CSS 渐变发光边框悬停动画效果,基于 CSS 渐变与关键帧动画技术实现,呈现流畅的流动式发光边框效果,适配圆角图片与卡片容器,在深色背景下视觉冲击力强,悬停时可触发更明显的发光增强...

复古 8 位像素网球对战小游戏,竖版移动端 CPU 对战网页小游戏

8 位像素网球游戏

复古 8 位像素网球对战小游戏,竖版移动端 CPU 对战网页小游戏

这是一款竖版移动端优先的复古 8 位像素网球游戏,基于前端网页技术实现,还原 NES 时代经典像素质感,搭配扫描线滤镜与芯片音乐音效,支持完整网球专业计分规则,提供移动端滑动、桌面端方向键双操作...

Three.js 行星内核能量流动可视化 发光脉络 3D 交互动画

发光内核 3D 动画

Three.js 行星内核能量流动可视化 发光脉络 3D 交互动画

这是一款行星内核能量流动 3D 交互可视化效果,基于 Three.js 与自定义 GLSL 着色器技术实现,呈现数千条动态能量脉络从表面向核心汇聚的震撼视觉,支持轨道视角自由控制、多主题色彩一键...

霓虹玻璃质感 3D 交互卡片效果,支持悬停视差与多语言布局

悬停视差倾斜卡片

霓虹玻璃质感 3D 交互卡片效果,支持悬停视差与多语言布局

这是一款霓虹玻璃质感 3D 交互卡片效果,基于 CSS 3D 变换与语义化 HTML 技术实现,包含 6 种差异化设计风格,支持悬停视差倾斜、轮播切换、多语言 RTL 布局,适配全设备尺寸并遵循...

GSAP+SVG 实现丝滑异步加载器,电商下单与删除按钮状态动画

GSAP 异步加载动画

GSAP+SVG 实现丝滑异步加载器,电商下单与删除按钮状态动画

这是一款基于 HTML+CSS+JavaScript+GSAP+SVG 技术实现的高品质异步加载器效果,专为电商按钮交互设计,提供购买成功和删除失败两套完整的状态动画流程。无论异步操作时长如何变...