设计制作网页中图片旋转效果 要求; 选取5-6张同系列图片按次序叠放，鼠标经过时，能够以第一张图为基准旋转散开360度（30分） 图像页面居中（5分） 设置图片旋转的中心点为左下角（10分） 设置旋转的过渡效果：所有都过渡 过渡所需时间为0.5-1秒（5分）

您可以使用CSS3来实现这个效果。具体实现方法如下：

1. 在HTML中添加需要旋转的图片，可以使用img标签或者background-image属性。

<div class="image-container">
  <img src="image1.jpg" alt="image1">
  <img src="image2.jpg" alt="image2">
  <img src="image3.jpg" alt="image3">
  <img src="image4.jpg" alt="image4">
  <img src="image5.jpg" alt="image5">
  <img src="image6.jpg" alt="image6">
</div>

2. 在CSS中，为需要旋转的图片设置样式，包括图片的大小、位置等。

.image-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.image-container img {
  position: absolute;
  width: 200px;
  height: 200px;
  left: 0;
  bottom: 0;
  transition: all 0.5s ease;
  transform-origin: left bottom;
}

.image-container img:hover {
  transform: rotate(360deg);
}

在上面的代码中，我们首先将图片容器设置为绝对定位，并使用transform属性将其居中。然后为每张图片设置绝对定位，并将其位置设置为左下角。使用transition属性设置旋转过渡效果，时间为0.5秒，并且设置transform-origin属性将旋转中心点设置为左下角。使用:hover伪类为鼠标经过时的图片设置旋转效果，最终效果是：鼠标经过时，图片会以左下角为中心点旋转360度。