CSS3利用-webkit-background-clip: text;实现文字渐变效果

分享一下以前贼不想学的一个css3渐变，今天学了之后顺便搞一个文字渐变。
先了解一下-webkit-background-clip: text;
-webkit-background-clip: text;意思是，以盒子内的文字作为裁剪区域向外裁剪，文字之外的区域都将被裁剪掉。
首先：给外层div来一个渐变。
其次：用webkit-background-clip: text;以div的文字作为裁剪区域向外裁剪；
最后：把文字变透明：可以用rgba给文本填充透明颜色或者直接设置color: transparent;
效果如图所示：

附上简单地源码：

	
		
		
		
	
	
		

			我是one我是one我是one我是one我是one我是one我是one我是one我是one我是one我是one我是one我是one