CSS3彩色渐变效果实现

2020-06-23 02:10:33 | Web Design | 1k+ Reads

Copyright Notice: This article is an original work licensed under the CC 4.0 BY-NC-ND license. If you wish to repost this article, please include the original source link and this copyright notice.
Source link: https://v2know.com/article/342

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*/

实际效果：

This article was last edited at 2020-06-23 02:12:46