Apple 极简美学风格的视觉画廊区块。采用 CSS Grid 自适应布局,支持标准、高(tall)、宽(wide)三种尺寸的图片组合排列,形成类似瀑布流(Masonry)的视觉效果,悬停时图片缩放并显示文字覆盖层。

模板特点

  • CSS Grid 自适应网格布局(移动端2列,平板以上3列)
  • 三种图片尺寸支持:标准(1:1)、高(span 2行)、宽(span 2列)
  • 悬停图片放大 + 亮度降低效果
  • 底部文字覆盖层悬停渐入动画
  • 点击图片亮度反馈效果
  • 所有 CSS 变量前缀隔离,不影响全局样式
  • 响应式适配移动端与平板

适用场景

  • 作品集/项目展示
  • 产品图册
  • 品牌视觉画廊
  • 摄影作品展示

产品图片

视觉画廊模板

免费下载

微信公众号