Div块随时间改变颜色

Question

如何让我的div块随着计时器改变颜色？我想让背景充满色彩缤纷的es，随着时间的推移会改变颜色。请帮忙！！！我会喜欢一些原始代码。

Answer 1

使用CSS3 Animation

查看此fiddle。

以下是摘录。

body {
  animation: colorIt 20s linear infinite;
}
@keyframes colorIt {
  0% {
    background: red;
  }
  10% {
    background: blue;
  }
  20% {
    background: green;
  }
  30% {
    background: yellow;
  }
  40% {
    background: pink;
  }
  50% {
    background: lightblue;
  }
  60% {
    background: orange;
  }
  70% {
    background: magenta;
  }
  80% {
    background: black;
  }
  90% {
    background: purple;
  }
  100% {
    background: lightgreen;
  }
}