CSS:
/*start*/
h1,.user-name{
color: #f35626;
background: coral;
background-image: -webkit-linear-gradient(45deg,#f35626,#feab3a);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-animation: hue 6s infinite linear;
}
@-webkit-keyframes hue {
from {
-webkit-filter: hue-rotate(0deg);
}
to {
-webkit-filter: hue-rotate(-360deg);
}
}
/*end*/
实际效果:
你好!这里是渐变文字。
Today's comments have reached the limit. If you want to comment, please wait until tomorrow (UTC-Time).
There is 18h58m38s left until you can comment.