css3 实现颜色循环渐变效果（animation， -webk
2017-08-30 本文已影响0人
编程知识圈
-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的例子。欢迎大家参考。
