css3 添加动画效果

CSS3是一种非常强大的技术，它可以让我们在网页设计过程中添加更多的动画效果，让网页更加生动和吸引人。

要添加动画效果，我们需要使用CSS3中的transition和animation属性。

/* 添加过渡动画 */
.Box {
  transition: all 1s ease;
}

/* 添加动画效果 */
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.Box {
  animation: rotate 2s linear infinite;
}

上面的代码中，我们使用了transition属性来添加一个过渡动画。通过设置其属性值，我们可以让元素在不同状态之间平滑过渡。

另外，我们也使用了animation属性来添加一段动画效果。在动画效果中，我们使用了@keyframes关键字来定义动画的不同阶段，然后通过设置属性值，我们让元素按照一定的规律进行变换。

通过使用这些属性，我们可以在网页设计中添加更多的动效，让网页更加生动，吸引人。