css3中实现 文字循环变化颜色

a:hover p{
		animation: change 2s linear 0s infinite;		
	}
	@keyframes change {	
		0% {
			color: rgba(255,255,255,0.1)
		}
		30%{
			color:rgba(255,255,255,0.3)
		}
		50% {
			color: rgba(255,255,255,0.5)
		}	
		80% {
			color: rgba(255,255,255,0.8)
		}	
		100% {color: rgba(255,255,255,1);}	
	}

具体效果可以参照网站 www.hshdlq.cn

相关文章