【问题标题】:How to make text exactly like this?如何使文本完全像这样?
【发布时间】:2012-11-18 15:41:15
【问题描述】:

如何使文本完全像这样?

我试过这段代码

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

它变得像 无论我如何更改值,我都无法使其完全相同,有什么建议吗?

【问题讨论】:

  • 你为什么不检查原始源代码?
  • 只是一个photoshop文件
  • 请发布您的完整代码....
  • @FatDogMark:那你怎么知道 CSS 是可能的?
  • 好吧,然后检查应用的效果?

标签: css


【解决方案1】:

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

使用图形套件,以下是制作这样文本的步骤:

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2020-04-28
    • 2020-08-25
    • 2023-03-28
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多