html - 如何在 css 中为单独的字母添加阴影？

Question

我有一个小挑战: 如何为标题中的每个字母添加阴影？我试过这个但是给整个 div 添加阴影而不是分开字母......我应该将每个字母包装在一个跨度中还是解决方案是什么？

 h2 {
-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
}

Answer 1

您需要使用 text-shadow 而不是 box-shadow

编辑:text-shadow 没有spread 值

使用您的示例将是:

h2 {
  -webkit-text-shadow: 10px 10px 5px rgba(0,0,0,0.75);
  -moz-text-shadow: 10px 10px 5px rgba(0,0,0,0.75);
  text-shadow: 10px 10px 5px rgba(0,0,0,0.75);
}