logo 品牌墙
CSS 无限跑马灯效果 | 悬停变速多行 logo 滚动组件这是一款纯 CSS 实现的无限跑马灯效果，支持多行独立循环滚动，鼠标悬停时可智能控制滚动速度，无需 JavaScript 即可流畅运行，性能优异，适用于合作伙伴 logo 墙、品牌展示、客户案例...
GSAP 悬停交互
GSAP 实现的图片卡片随鼠标移动产生位移，创意网页展示必备这是一款横向滚动卡片悬停交互效果，基于 GSAP.js 动画库实现，鼠标悬停卡片时卡片滚动位移丝滑无卡顿，并且标题自动高亮变色，交互反馈清晰直观，适用于个人作品集、摄影画廊、品牌官网等需要横向内...
趣味倾倒音量滑块
可交互悬停式音量滑块动效组件（CSS+JS）这是一款基于 CSS+JavaScript 实现的悬停式音量控制滑块效果。它通过鼠标悬停即可调整音量大小，滑块会随数值变化动态倾斜、填充进度，搭配霓虹质感的发光效果，交互反馈清晰直观，适用于音视...
手绘下划线
纯 SVG + CSS 实现的 9 种不同风格手绘下划线悬停动画效果这是一款手绘下划线悬停动画效果，基于CSS动画+SVG Symbols+极简JavaScript技术实现。鼠标悬停导航文字时，会出现手绘风格的下划线，带有轻微的不规则感和动态描绘过程，每次显示还...
切角分割图库
纯 CSS 可展开式图片画廊切角效果这是一款可展开式图片画廊效果，基于CSS Grid和corner-shape:notch切角技术实现。默认状态下4张建筑图片均匀排列，当鼠标悬停某张图片时，它会立即展开占据更大空间，同时其他图片...
图片悬停
纯 CSS 图片悬停缩放圆角边框效果这是一款图片悬停缩放边框效果，基于CSS transform和transition技术实现。鼠标悬停时，图片会产生轻微的放大效果，同时边框样式也会发生变化，给人一种图片"呼吸"般的动态感受。适用...
logo滚动
GSAP 无缝 Logo 图片无限滚动展示效果这是一款品牌Logo轮播效果，基于GSAP动画库实现。多个品牌标志在页面中水平无限循环滚动，视觉上完全无缝衔接，鼠标悬停时自动暂停，移开后继续滚动，移动端支持触摸交互。传统的Logo墙要么是静态...
相册
纯 CSS 模糊背景相框画廊效果这是一款图片展示效果，基于CSS Mask遮罩技术实现。每张照片呈现出"照片叠加相框"的视觉层次，中心区域保持清晰锐利，周围自然过渡到模糊背景，营造出景深和立体感。鼠标悬停图片呈现缓慢拉近的过渡...
爬虫背景
纯 Javascript 实现的蜘蛛+虫子在页面随机出现与爬动背景动画，支持鼠标交互效果这是一款趣味性的网页互动效果，基于HTML+JavaScript技术实现。页面上随机分布着多只大蜘蛛以及小虫子，用户只需将鼠标移动到虫子上方，虫子就会自动掉落到页面底部，营造出一种"驱赶害虫"的...
滚动自动轮播
纯 CSS 实现的图文主题卡片无限循环自动滚动+悬停暂停交互效果这是一款基于纯CSS技术实现的卡片自动轮播效果，通过边缘渐隐遮罩营造出沉浸式的无限滚动体验，无需JavaScript即可实现自动滚动和交互暂停功能。界面的核心设计在于视觉边界处理：轮播容器的左右...
按钮加载特效
CSS 多场景分类卡片+按钮入场动画 - 动态交互式图标网格导航布局这是一款基于纯 CSS 实现的响应式图标卡片导航效果，专为多场景分类入口设计。整个界面采用深色系背景，8个圆角卡片呈4×2网格布局，每个卡片内包含线性图标和对应文字标签。核心亮点在于交互动效以及...
扫雷小游戏
赛博朋克风 HTML5 + GSAP 改良创新版扫雷小游戏源码 - 霓虹网格3D视觉特效这是一款赛博朋克风格的扫雷小游戏，基于 GSAP + SVG + CSS + HTML 技术实现。游戏采用《创：战纪》(Tron)电影的经典霓虹美学，将传统扫雷游戏板呈现为带有青色发光边框的3D...