使用CSS动画制作翻转、旋转等效果。

好的，下面是使用CSS动画制作翻转、旋转等效果的示例代码：

翻转效果：

<div class="flip-container">
  <div class="flipper">
    <div class="front">
      正面
    </div>
    <div class="back">
      背面
    </div>
  </div>
</div>

.flip-container {
  perspective: 1000px;
  position: relative;
  width: 200px;
  height: 200px;
}

.flipper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  transition: transform .6s;
}

.front, .back {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}

.front {
  z-index: 2;
  transform: rotateY(0deg);
}

.back {
  transform: rotateY(180deg);
}

.flip-container:hover .flipper {
  transform: rotateY(180deg);
}

旋转效果：

<div class="rotate-container">
  <div class="rotate-box">
    旋转盒子
  </div>
</div>

.rotate-container {
  perspective: 1000px;
  position: relative;
  width: 200px;
  height: 200px;
}

.rotate-box {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100px;
  height: 100px;
  margin-top: -50px;
  margin-left: -50px;
  background-color: #ccc;
  transform-style: preserve-3d;
  transition: transform .6s;
}

.rotate-container:hover .rotate-box {
  transform: rotateY(360deg);
}

通过以上示例代码，你可以实现翻转、旋转等常用的CSS动画效果。