无线轮播卡片
GSAP 无限滚动吸附卡片组件：丝滑循环的互动内容轮播，打造丝滑流畅的交互体验这是一款 GSAP 无限滚动吸附卡片效果，基于 GSAP+ScrollTrigger+CSS 技术实现 ，支持平滑拖拽、自动吸附与循环播放。用户可以自由滑动浏览卡片，系统会智能地将内容无缝衔接，...
滚动时间轴
GSAP滚动弯曲轨迹时间轴、事件线图文展示组件这是一款滚动弯曲事件轴轨迹图文展示布局效果，基于 Scroll-Animation API+ScrollTrigger+CSS 技术实现 —— 能让页面图文区块内容随着滚动呈现分层入场的解构式动...
LOGO轮播
GSAP 动画圆环形 Logo 图片自动轮播：优雅响应式品牌展示组件这是一款基于GSAP实现的环形LOGO品牌图片自动轮播组件，通过流畅的动画让多个品牌Logo围绕中心旋转展示，中心位置可放置自己的品牌LOGO或者文字。整体设计简洁优雅，响应式布局自动适配不同设...
擦除动画
刮冰磨砂窗、“擦除”冰层互动效果：节日主题或刮奖小游戏趣味交互组件这是一款“刮冰看图”互动效果，基于Canvas+CSS实现，模拟了在结霜的玻璃上刮开冰雪、露出隐藏画面的趣味体验。用户通过鼠标或触控拖动，可以“擦除”冰层，逐步揭示下方可爱的节日插画，兼具视觉惊...
数字变化器
纯CSS弹性数字加减选择器（步进器），优雅又实用的数字加减调节方案这是一款纯CSS实现的带颤抖弹性效果的步进数值选择器，通过隐藏的单选按钮 radio 驱动，支持键盘操作，兼顾美观与可用性。用户可通过点击加减按钮或使用方向键调整数值，交互流畅且无障碍友好。这种...
滚动图片开闭效果
CSS滚动图片展开与收缩效果，能让静态图片产生动态叙事感，提升用户的浏览体验这是一款滚动收缩与展开图片效果，基于纯 CSS 技术实现，在页面向上滚动时会对中心位置图片进行展开操作，让旁边多张图片随着滚动逐步散开消失，直至中心图片填充整个屏幕，当反向滚动时，中心图片逐渐收...
运动模糊数字
高速变化的模糊数字动画效果（CSS+JS），让数据变化更有动感这是一款带有运动模糊效果的数字计数器，基于CSS+JavaScript技术实现，通过模拟数字高速变化时的视觉拖影，让数字在跳变过程中呈现出流畅的动态轨迹。这种“动起来”的感觉增强了数据变化的冲击...
滚动卡片
GSAP立体光影卡片滚动轮播效果，让内容展示更有层次感这是一款滚动卡片轮播效果，基于 GSAP 、ScrollTrigger技术实现，滑动鼠标或者拖动卡片切换时，通过径向渐变模拟卡片的光影变化，让卡片在滚动切换时呈现出立体感和层次感，视觉上更接近真...
滑动切换
纯 CSS 滑动标签切换动画效果，适用于标签切换、选择栏以及导航等场景这是一款纯CSS实现的动画分段控件效果，通过伪元素和过渡动画打造“滑动切换”的视觉效果，点击任意选项时，选中状态会以平滑的方式横向移动，仿佛按钮在“滑入”当前位置，悬停时，阴影标记跟随鼠标移动。...
曲线路径轮播
纯CSS打造自定义曲线路径卡片轮播动画效果这是一款纯 CSS 实现的卡片路径滚动轮播，无需JavaScript，仅通过关键帧动画和transform属性控制每张卡片的位置与旋转，就能让卡片沿着自定义的非直线路径做循环滚动 —— 卡片还带...
雪花背景卡片
带动态下雪动画背景的卡片（CSS+JS）一款基于CSS+JS实现的动态下雪背景卡片，卡片最底层是一张冬季雪地场景图片，图片上写着文字，卡片的上方飘扬着雪花，像是一张爱情宣言卡片，透露着浪漫情调。
天气卡片
会下雪的天气卡片：动态雪天天气小组件（CSS+JS）这是一款极简风格的雪天天气小部件，基于CSS动画与JavaScript交互实现，通过模糊背景图与动态粒子营造出真实感十足的降雪氛围。太阳与月亮会随时间平滑移动，云层缓缓飘过，雪花持续飘落，视觉上...