案例图片画廊

练习目标

用 Grid 做自适应多列图片墙，悬停时 transform: scale 或显示遮罩文字。

要点

grid-template-columns: repeat(auto-fill, minmax(200px, 1fr))；图片 width: 100%、object-fit: cover、固定 aspect-ratio 可选。

小结

过渡加在 transform 上通常较流畅。