css3 文字渐变动画效果

.css {
	background-image: -webkit-linear-gradient(left, red, blue 25%, #147B96 50%, yellow 75%, green);
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	-webkit-background-size: 200% 100%;
	-webkit-animation: masked-animation 5s infinite linear;
}

@keyframes masked-animation {
  0%  { background-position: 0 0;}
  100% { background-position: -100% 0;}
}
@-webkit-keyframes masked-animation {
  0%  { background-position: 0 0;}
  100% { background-position: -100% 0;}
}

<View class="css">
	快来约我吧
</View>