这是一款零JS依赖的弹性手风琴卡片组件，基于纯 CSS Flexbox 实现。如演示所示，未激活的卡片呈灰度收缩状态，悬停后平滑展开并还原全彩色，描述文字从底部上滑显示，视觉反差感强、过渡自然。骨架屏加载、键盘可访问性、触屏适配、响应式、无障碍动画支持等优秀特性一个没落下，GPU加速也做了优化，生产环境直接可用。适合用在摄影作品集、团队介绍、产品功能页、落地页主视觉等场景。
编号：手风琴卡片
纯 CSS 弹性手风琴卡片展开效果
| 大小 | 269 KB |
| 总文件 | 10 个 |
| 发布 | 2026-02-28 |
| 更新 | 2026-02-28 |
| 架构 | CSS |
| 分类 | 前端资源 - 布局与背景 |
| 目录 | 结构详情 |
