html5制作好看的滚动放大相册

可以使用HTML5和CSS3的动画效果制作一个滚动放大相册，以下是基本的代码示例：

HTML代码：

<div class="gallery">
  <img src="image1.jpg" alt="Image 1">
  <img src="image2.jpg" alt="Image 2">
  <img src="image3.jpg" alt="Image 3">
  <img src="image4.jpg" alt="Image 4">
</div>

CSS代码：

.gallery {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
}

.gallery img {
  scroll-snap-align: start;
  width: 100%;
  height: auto;
  transition: transform 0.2s;
}

.gallery img:hover {
  transform: scale(1.1);
}

这段代码将创建一个具有滚动效果的相册，并且当鼠标悬停在图片上时，图片会放大。您可以使用更多的CSS样式来美化相册，例如添加边框、渐变等等。