有没有办法改变阴影文字大小？

Question

是否可以更改文字阴影的大小？

这就是我想要实现的目标：

如果不是，你推荐什么？

Answer 1

例如，text-shadow的语法是：text-shadow: 1px 1px 5px #ff0000; 第一个值是x位置。 第二个值是y位置。 第三个值是半径，它是你要找的尺寸！ ; - ）

如果你尝试text-shadow: 1px 1px 50px black;，你的文字会有很大的阴影。

Answer 2

可能它不是最好的，但它是这样做的一种方式，因为在我看来这种效果看起来很难用text-shadow实现。

以下是必要的步骤：

1. 使用HTML5 data-*属性存储与DOM节点相同的文本。
2. 使用:before或:after伪元素在普通文本下方绘制此文字。
3. 应用css3 scale()转换和其他必要的样式。

.text {
  font-family: Arial, sans-serif;
  font-weight: bold;
  display: inline-block;
  letter-spacing: -4px;
  vertical-align: top;
  margin: 30px 110px;
  line-height: 60px;
  color: skyblue;
  font-size: 0;
}

.text span:first-child {
  color: pink;
}

.text span {
  display: inline-block;
  vertical-align: top;
  position: relative;
  letter-spacing: 0;
  font-size: 50px;
}

.text span:before {
  content: attr(data-title);
  transform-origin: 0 100%;
  transform: scale(1.7);
  position: absolute;
  opacity: 0.3;
  bottom: -8px;
  z-index: -1;
  left: 0;
}

.text span + span:before {
  left: 22px;
} 

<div class="text">
  <span data-title="o">o</span>
  <span data-title="ferta">ferta</span>
</div>