鼠标放置上去六张图一起旋转

这种效果可以通过CSS3的transform属性和transition属性来实现。可以将六张图片放在一个容器中，然后通过hover事件来触发旋转效果。

以下是一个示例代码：

HTML代码：

<div class="container">
  <img src="1.jpg" alt="image1">
  <img src="2.jpg" alt="image2">
  <img src="3.jpg" alt="image3">
  <img src="4.jpg" alt="image4">
  <img src="5.jpg" alt="image5">
  <img src="6.jpg" alt="image6">
</div>

CSS代码：

.container {
  width: 500px;
  height: 500px;
  position: relative;
  margin: 0 auto;
}

.container img {
  position: absolute;
  top: 0;
  left: 0;
  transition: transform 0.5s ease-in-out;
}

.container img:nth-child(1) {
  transform: rotateY(0deg) translateZ(250px);
}

.container img:nth-child(2) {
  transform: rotateY(60deg) translateZ(250px);
}

.container img:nth-child(3) {
  transform: rotateY(120deg) translateZ(250px);
}

.container img:nth-child(4) {
  transform: rotateY(180deg) translateZ(250px);
}

.container img:nth-child(5) {
  transform: rotateY(240deg) translateZ(250px);
}

.container img:nth-child(6) {
  transform: rotateY(300deg) translateZ(250px);
}

.container:hover img {
  transform: rotateY(360deg);
}

在这个示例中，我们将六张图片放在一个容器中，并通过绝对定位的方式使它们重叠在一起。然后，我们使用了transform属性来将这些图片以3D空间的形式排列，其中每张图片都绕着Y轴旋转一定的角度，同时距离容器的Z轴有一定的距离。

当鼠标放置在容器上时，我们触发了:hover事件，这时我们将每张图片都绕着Y轴旋转360度，实现了一起旋转的效果。