CSS3网页常见动态效果……

在CSS3中，创建动态效果可以使用各种不同的属性，如变形（transforms）、动画（animations）、过渡（transitions）等。以下是一些常见的动态效果的实现方法：

1. 淡入淡出效果：

.fade-in-out {
  animation: fade-in-out 2s infinite;
}
 
@keyframes fade-in-out {
  0%, 100% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}

2. 滑入滑出效果：

.slide-in-out {
  animation: slide-in-out 2s infinite;
}
 
@keyframes slide-in-out {
  0%, 100% {
    transform: translateX(100px);
  }
  50% {
    transform: translateX(0);
  }
}

3. 旋转效果：

.spin {
  animation: spin 2s linear infinite;
}
 
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

4. 缩放效果：

.scale {
  animation: scale 2s infinite;
}
 
@keyframes scale {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.5);
  }
  100% {
    transform: scale(1);
  }
}

这些例子展示了如何使用CSS3的@keyframes和animation属性来创建简单的动态效果。实际应用时，可以根据具体需求调整动画的持续时间、迭代次数、时间函数等参数。