GSAP 悬停交互
GSAP 实现的图片卡片随鼠标移动产生位移，创意网页展示必备这是一款横向滚动卡片悬停交互效果，基于 GSAP.js 动画库实现，鼠标悬停卡片时卡片滚动位移丝滑无卡顿，并且标题自动高亮变色，交互反馈清晰直观，适用于个人作品集、摄影画廊、品牌官网等需要横向内...
原麦外
外卖点餐 PWA 移动端 HTML 模板 | 适合餐厅、外卖平台、云厨房快速搭建类 App 体验的手机网站如果你想为餐厅或外卖业务搭建一个"用起来像 App、但不用上架应用商店"的移动端网站，这套模板是一个值得认真考虑的选择。它是一款专为餐饮外卖场景打造的 PWA 移动端 HTML 模板，最大的亮点...
倾斜悬浮卡片
纯 CSS 实现 3D 倾斜卡片横向画廊这是一款基于纯 CSS 3D 变换实现的横向滚动卡片画廊。默认状态下所有卡片以统一的透视倾斜角度排列，像一排被推倒的多米诺牌，本身就已经很有空间纵深感。悬停时焦点卡片「站直」回正，虚线边框浮现，...
环形相册
纯 CSS 圆环形相册画廊：让你的照片集展示更有格调这是一款圆形旋转画廊效果，基于纯 CSS 技术实现，核心视觉是将多张图片以放射状排列成一个完整的圆环，中央突出展示点击后的图片放大预览效果，周围卡片式缩略图自然铺开，整体像一个旋转的胶片盘，既有...
logo轮播
品牌LOGO横向滚动轮播，用纯 CSS 打造的极简动态展示效果这是一款滚动式品牌展示轮播效果，基于CSS的 index 属性实现，多个知名品牌的LOGO在黑色背景上以匀速横向滑动，搭配网格线和微光渐变，营造出科技感十足的动态视觉体验。整体风格简洁现代，突...
无限滚动
CSS无限图文滚动动画，适用于跑马灯广告、新闻播报或品牌展示区。这是一款无缝循环滚动效果，基于CSS @keyframes 动画和位移变换实现，元素可横向或纵向无限平滑滚动，适用于跑马灯广告、新闻播报或品牌展示区。
横向滚动
CSS粘性定位横向滚动效果，实现左右滚动鼠标图文卡片被集中到一侧效果，并且支持响应式这是一款通过横向左右滚动驱动图文卡片的收缩与展示动画效果，基于CSS sticky定位技术实现，通过侧边栏固定与图文卡片内容横向滑动形成视觉对比，支持响应式布局，适用于移动端网页或横向浏览的内容...
无限滚动卡片
GSAP 无限横向滚动图文卡片特效，支持多种切换操控方式这是一款基于 GSAP 技术实现的无限循环横向滚动效果，支持按钮、键盘（上下箭头/PgUp/PgDn）及鼠标滚轮操控，而且支持响应式布局，能在手机登小设备屏幕良好运行，适用于横向内容展示、轮播图...
无限轮播图库
HTML无缝连续滚动切换图片画廊效果这是一款无缝连续画廊图片滚动切换效果，基于CSS技术实现，图片或其他内容以无限循环方式平滑横向滚动，下方带有左右导航按钮，伴随流畅的过渡动画，适用于作品展示或品牌宣传场景。
水平滚动
GSAP实现横向滚动多图片预览效果，附带时尚的鼠标悬停以及惯性拉伸效果这是一款水平滚动多图预览效果，伴随有滚动惯性倾斜图片拉伸效果，支持上下左右滚动鼠标驱动图片的切换，基于GSAP.js技术实现，灵感来源于Willy Brauner的网站设计，通过平滑的横向滚动展...
滚动进度条
基于CSS与JavaScript实现的顶部横向滚动进度条以及右下角圆形进度环这是一款直观显示用户浏览进度的视觉效果，通过CSS和JavaScript技术实现。当用户在网页上进行上下滚动时，页面顶部边会出现一个横向进度条，并且在右下角同样有一个圆形进度环，随着用户的滚动操...
滚雪球
CSS雪地上滚动雪球效果范围指示器一款通过CSS结合TypeScript技术实现的雪球滚动范围指示器，整体效果表现：背景是雪地，雪球在雪地中横向滚动形成凹痕路线，雪球的上方是范围刻度数字（写在雪地上的文字效果），并且雪球带有影...