<style type="text/css">
	.show-box{background-color: rgba(0,0,0,.2);}
	.show-box,.hide-box{
	    width: 520px;
	    height: 100px;
	    line-height: 100px;
	    font-size: 30px;
	    position:absolute;
	    text-align: center;
	}
	.hide-box{
	    animation: lrc 6s linear infinite;
	    -webkit-background-clip: text;
	    color: red;
	}
	@keyframes lrc{
	    0%{
	        clip:rect(0,0px,100px,0);
	    }
	    100%{
	        clip:rect(0,520px,100px,0);
	    }
	}  
</style>
<div class="show-box">我是一个粉刷匠，粉刷本领强</div>
<div class="hide-box">我是一个粉刷匠，粉刷本领强</div>