CSS中的凸版印刷

Question

我正在尝试创建以下效果，以用作标记的样式。

这是Photoshop中的一个例子

有没有办法用CSS做到这一点，还是有另一种方法可以做到这一点？

白色部分是半透明的，文本填充也是如此。

谢谢， 阿什利

Answer 1

Css text-shadow目前没有插入选项。您可以尝试使用框阴影来模拟它。尝试this link并将文字悬停。

Answer 2

您可以使用:(可能需要调整）

-moz-box-shadow:inset 0 0 10px #000000;
-webkit-box-shadow:inset 0 0 10px #000000;
box-shadow:inset 0 0 10px #000000;

白色亮点：

text-shadow: 1px 1px white, -1px -1px #444

同样需要调整这些，但应该指出正确的方向。