Apple 极简美学风格的视觉画廊区块。采用 CSS Grid 自适应布局,支持标准、高(tall)、宽(wide)三种尺寸的图片组合排列,形成类似瀑布流(Masonry)的视觉效果,悬停时图片缩放并显示文字覆盖层。
模板特点
- CSS Grid 自适应网格布局(移动端2列,平板以上3列)
- 三种图片尺寸支持:标准(1:1)、高(span 2行)、宽(span 2列)
- 悬停图片放大 + 亮度降低效果
- 底部文字覆盖层悬停渐入动画
- 点击图片亮度反馈效果
- 所有 CSS 变量前缀隔离,不影响全局样式
- 响应式适配移动端与平板
适用场景
- 作品集/项目展示
- 产品图册
- 品牌视觉画廊
- 摄影作品展示
产品图片

免费下载