图文卡片
智能分裂式图文卡片悬停特效，SplittingJS驱动的图片卡片悬停显示文字动画效果这是一款分裂式卡片悬停特效，基于SplittingJS+CSS伪元素技术实现，通过文字与背景卡片图片的智能拆解重组，创造出极具视觉张力的图文卡片悬停交互效果，并且支持完全响应式布局，特别适合作品...
创意卡片
CSS灯管下的多层玻璃质感图文卡片源码，高端感十足的创意流光卡片效果这是一款玻璃质感图文卡片布局效果，基于CSS技术实现，通过毛玻璃滤镜（backdrop-filter）和半透明背景模拟磨砂玻璃的视觉效果，并且实现了多层次玻璃晃动背景效果以及流动的光效，适用于现...
纸张风格
CSS 便签纸风格图文卡片布局，适用于笔记应用、待办事项或创意内容展示场景这是一款纯CSS实现的笔记本纸张便签展示图文布局效果，模拟真实便签纸装饰，适用于笔记应用、待办事项或创意内容展示场景。
3D手动轮播
CSS+JS实现的带左右箭头+底部点状导航的 3D 图文卡片轮播组件这是一款基于JS+CSS的3D轮播组件，支持左右箭头切换和底部圆点导航，当前图片高亮显示，其余图片灰度化处理，适用于产品展示、相册画廊等场景。
卡片轮播
Carousel弹性扩展效果图文卡片响应式轮播器源码这是一款可扩展动画图文卡片轮播组件，基于Owl Carousel和jQuery技术实现，通过点击触发卡片弹性展开/收缩动效，适用于产品展示或内容精选场景
横向滚动
CSS粘性定位横向滚动效果，实现左右滚动鼠标图文卡片被集中到一侧效果，并且支持响应式这是一款通过横向左右滚动驱动图文卡片的收缩与展示动画效果，基于CSS sticky定位技术实现，通过侧边栏固定与图文卡片内容横向滑动形成视觉对比，支持响应式布局，适用于移动端网页或横向浏览的内容...
无限滚动卡片
GSAP 无限横向滚动图文卡片特效，支持多种切换操控方式这是一款基于 GSAP 技术实现的无限循环横向滚动效果，支持按钮、键盘（上下箭头/PgUp/PgDn）及鼠标滚轮操控，而且支持响应式布局，能在手机登小设备屏幕良好运行，适用于横向内容展示、轮播图...
层叠卡片
JavaScript 3D错位动态堆叠卡片效果这是一款层叠偏移卡片效果，基于CSS+JavaScript技术实现，卡片以错位堆叠布局排列，悬停时通过动态调整 z-index 和位置突出当前卡片，适用于相册、项目集或内容画廊等展示场景。
卡片布局
纯CSS实现倾斜带标题的创意图文卡片布局，悬停时倾斜及图片复位这是一款基于伪元素双图层倾斜设计的图文卡片交互效果，基于纯CSS技术实现，悬停时伪元素复位并触发圆角与背景位移，适用于产品卡片或焦点图展示场景。
悬停卡片
CSS悬停动态裁剪六种多边形图片边框卡片，并带有文字信息及操作按钮这是一款基于CSS的 clip-path 动画等属性实现的卡片交互效果，悬停时图像裁剪为圆形、五边形等共六款多边形边框展开并滑出文字信息与操作按钮，适用于作品集或产品展示的渐进式披露场景。
时尚轮播
HTML时尚大气的自动轮播图文信息卡片布局这是一款超炫酷时尚的带平滑过渡效果的自动轮播信息卡片效果，基于HTML、CSS和jQuery技术实现。多张图文信息卡片在设定的时间间隔内自动切换显示，每张卡片展示独特的信息内容，如图片、标题和简...