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; }
戊己庚申