css - 如何使文本完全像这样?

标签 css

如何使文本完全像这样? enter image description here

我试过这段代码

text-shadow: 0.3px 0.3px 1px #eef2f3, 0 0 0 #000, 0.3px 0.3px 1px #eef2f3;  z-index:400;

它变得像 enter image description here 无论我如何更改值,我永远无法使它完全相同,有什么建议吗?

最佳答案

因为文本有内部阴影,这指向图形套件(Photoshop、Gimp、Corel 等),除非有新的 flash 或 js 库可以为文本添加内部阴影或渐变。

使用图形套件,以下是制作如下文字的步骤:

  • 打开 Adob​​e Photoshop
  • 混合使用字体、颜色和样式创建所需的图形 -您也可以花时间创建悬停/选定样式
  • 导出为不带背景的 PNG-24(如果您希望能够在各种背景上使用它。如果不是,请确保您的背景颜色与将要放置的位置相匹配)
  • 添加到您的网页
  • 为自己做了一些了不起的事情而拍拍自己。

关于css - 如何使文本完全像这样?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13644876/

相关文章:

javascript - 限制在一个div内拖动,在受限的div内限制一定高度?

html - 基础 (3) 导航拉伸(stretch) 100% 宽度

php - Bootstrap - 容器流体的对齐问题

css - SASS 监视 N 个文件夹而不定义它们

html - 如何创建一个一段时间后消失的div,但悬停会保留它?

css - 使用 DNN 容器会破坏 bootstrap bases 皮肤的响应能力

javascript - 包含桌面 View 的 Framework7 网格布局

html - 是什么让水平滚动仍然发生在 Android 上?

javascript - 如何为网站设计搜索框?

javascript - 切换时 div 被另一个 div 插入