EKsumic's Blog

let today = new Beginning();

Click the left button to use the catalog.

OR

CSS3彩色渐变效果实现

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 11:12:46

* *