CSS文字条纹阴影动画

See the Pen shadow text by haiqing wang (@whqet) onCodePen.

今天给大家推荐个动画条纹阴影效果，效果如下图所示。

好的，让我们开工吧，首先是so easy的html。

<!--
  data-text属性用来指定阴影内容
-->
<span class="shadow" data-text="Hello">Hello</span>

来看看关键的CSS怎么写，写东西之前弄好注释，养成好习惯。

/*
with less hat & prefix free
only for webkit
*/
/*导入字体*/
@import "http://fonts.googleapis.com/css?family=Dancing+Script:400,700";
/*居中