折腾 | 图片瀑布流

最近在给一系列博文配图，随着添加的图片多了之后，一直想实现的「图片瀑布流」的心思又活络起来了。Google 大法好，最终找到了图片瀑布流折腾记、Hugo 多图排版这样来 这两篇文章，两种不同的方法都很简单，都可以实现我想要的效果，感恩！

目前我主要在网站的两个地方进行应用，第一种是在文章中大量展示自己拍的照片时达到类似相册效果，这样既美观又省网页空间；另一种是专门的「回忆」页面，不断添加我自己拍的较为满意的照片，相当于照片画廊。

目前对网站图片进行了以下操作：

• 圆角处理：border-radius: 5px;
• 阴影效果：box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
• 滑过放大：img:hover 和 transform 的纯 CSS 方案
• 多图排版：column-count 和 p:has(> img:nth-child) 的纯 CSS 方案

（2023-12-16@广州）