文章/答案/技术大牛

发布

社区首页 >问答首页 >CSS中的Letterpress

问CSS中的Letterpress
EN

Stack Overflow用户

提问于 2011-10-08 06:26:37

回答 2查看 606关注 0票数 1

我正在尝试创建以下效果作为标签的样式。

这是Photoshop中的一个示例

有没有一种方法可以用CSS做到这一点，或者有其他方法呢？

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

谢谢，艾希礼

css

text

photoshop

回答 2

Stack Overflow用户

回答已采纳

发布于 2011-10-08 06:36:21

您可以使用：(可能需要调整)

-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

同样，这些都需要调整，但应该为您指明正确的方向。

票数 0

Stack Overflow用户

发布于 2011-10-08 06:33:42

Css text-shadow目前没有嵌入选项。你可以试着用长方体阴影来模拟它。尝试使用this link并将鼠标悬停在文本上。

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/7693447

复制

相似问题

问CSS中的Letterpress
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问CSS中的LetterpressEN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问CSS中的Letterpress
EN