css3 实现颜色循环渐变效果（animation， -webkit-filter: hue-rotate(0deg);）

-webkit-animation:hue 60s infinitelinear;

@-webkit-keyframes hue {

from {

-webkit-filter: hue-rotate(0deg);

}

to {

-webkit-filter: hue-rotate(-360deg);

   }

 }

div

{

width:100px;

height:100px;

background:#f35626;;

-webkit-text-fill-color: transparent;

-webkit-animation:hue 60s infinite linear; /* Safari and Chrome */

}

   @-webkit-keyframes hue {

   from {

  -webkit-filter: hue-rotate(0deg);

  }

    to {

     -webkit-filter: hue-rotate(-360deg);

       }

   }

以上是一个div的例子。欢迎大家参考。