给文字创造一个渐隐的图层

textmask.html

<style>
.intro{
    display: block;
    height: 26px;
    line-height: 26px;
    width: 300px;
    overflow: hidden;
    position: relative;
}

.intro .mask{
    display: block;
    position: absolute;
    bottom:0;
    left: 0;
    top: 0;
    width: 100%;
    text-align: center;
    background-image: -webkit-linear-gradient(left, transparent, #fff);
}
</style>

<div class="intro">
	<p>balalalbalba这里是文字</p>
	<span class="mask">/span>
</div>