Css 如何将纹理应用于带阴影的文本

我试图通过添加图像纹理和阴影，使一些文本看起来像剪纸

我使用CSS将图像纹理应用于文本；但是，当我尝试添加文本阴影时，阴影出现在文本的前面而不是后面

@导入url(https://fonts.googleapis.com/css?family=Slackey);
.paperText{
字体系列：“Slackey”，草书；
背景：url（'http://i.imgur.com/sEWJZF2.jpg'); 
字体大小：60px；
文本对齐：居中；
颜色：透明；
-webkit背景剪辑：文本；
文本阴影：5px 5px 10px#000；
}

纹理

如何使阴影出现在文本后面

---

我认为在一个元素上不可能做到这一点。您可以做的是创建另一个元素来处理文本阴影，然后在原始阴影后面对其进行分层

.paperText:after {
  position:absolute;
  top:0;
  left:0;
  color:#fff;
  content:'Texture';
  z-index:-1;
  text-shadow: 5px 5px 10px #000; 
  text-align:left; 
}

---

我认为在一个元素上不可能做到这一点。您可以做的是创建另一个元素来处理文本阴影，然后在原始阴影后面对其进行分层

.paperText:after {
  position:absolute;
  top:0;
  left:0;
  color:#fff;
  content:'Texture';
  z-index:-1;
  text-shadow: 5px 5px 10px #000; 
  text-align:left; 
}