css - 为CSS动画创建一个循环

Question

我正在使用以下代码使用 css 动画更改元素的背景颜色。有没有办法改变它以使其连续循环？

    #circle {
      animation: colorchange 10s;
      -webkit-animation: colorchange 10s;
    }

    @keyframes colorchange
    {
      0%   {background: red;}
      25%  {background: yellow;}
      50%  {background: blue;}
      75%  {background: green;}
      100% {background: red;}
    }

    @-webkit-keyframes colorchange
    {
      0%   {background: red;}
      25%  {background: yellow;}
      50%  {background: blue;}
      75%  {background: green;}
      100% {background: red;}
    }

Answer 1

您必须使用:

animation-iteration-count: infinite;