css 文字水波纹渐变动画

<span class="flow-colorful">linear-gradientspan>
.flow-colorful {
	/*max-width: 600px;*/
	height: 150px;
	background: linear-gradient(90deg, #00ffec, #75F4E4, #7886F4,#1086f4);
	animation: text-animation 2s ease-in-out infinite;
	color: transparent;
	-webkit-background-clip: text;
	background-clip: text;
	font-size: 50px;
	font-weight: bold;
}
@keyframes text-animation{
	from { filter: hue-rotate(0deg); }
	to   { filter: hue-rotate(70deg); }
}

文字渐变动画效果
在这里插入图片描述

你可能感兴趣的:(css3,css,css3,html)