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";
/*居中