body {
  /* 100%窗口高度 */
  height: 100vh;

  /* 更深的色调和不同的渐变方向 */
  background: linear-gradient(45deg, #2C3E50, #2980B9, #8E44AD, #E74C3C);

  /* 指定背景图像的大小 */
  background-size: 400% 400%;

  /* 执行动画：动画名 时长 缓动函数 无限次播放 */
  animation: action 30s ease-in-out infinite;
}

/* 定义动画 */
@keyframes action {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}