一、方法一：借助mask-image属性
如果您手头上的浏览器是Chrome或是Safari，则您可以在demo页面中看到类似下面的效果：
相应的HTML代码如下：
<h2 class="text-gradient" data-text="天赐美妞">天赐美妞</h2>
相关CSS3下的渐变文字效果实现