CSS3文本颜色渐变
.demo1{
color:#f35626;
background-image:-webkit-linear-gradient(92deg, #f35626, #feab3a);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
-webkit-animation:hue 10s infinite linear;
}
@-webkit-keyframes hue {
from{
-webkit-filter:hue-rotate(0deg);
}
to{
-webkit-filter:hue-rotate(-360deg);
}
}
甲乙丙丁
@keyframes masked-animation {
0% {background-position:0 0;}
100% {background-position:-100% 0;}
}
.demo2{
background-image:-webkit-linear-gradient(left,#55ccd3,#584498,#55ccd3,#584498,#55ccd3);
-webkit-background-size:200% 100%;
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
-webkit-animation:masked-animation 2s linear infinite;
}
戊己庚申
