<div class="text">
		<h1>一段文字一段文字</h1>
</div>
.text{
			background: linear-gradient(90deg, rgba(131,58,180,1) 0%, rgba(253,29,29,1) 33.3%, rgba(252,176,69,1) 66.6%, rgba(131,58,180,1) 100%);
			-webkit-background-clip: text; /*截取背景区域为文字*/
			color: transparent;
			background-size: 300% 100%; /*扩大背景区域*/	
			animation: text 4s infinite linear;
		}
		@keyframes text{
			0%  { background-position: 0 0;}
            100% { background-position: -150% 0;}
		}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.