有没有关于如何使用CSS来模拟乱七八糟的图章的想法？
我感兴趣的是如何渲染一个跨度，使其看起来像以下之一： 以下是我计划使用的技巧：有没有关于如何使用CSS来模拟乱七八糟的图章的想法？,css,text-styling,Css,Text Styling,我感兴趣的是如何渲染一个跨度，使其看起来像以下之一： 以下是我计划使用的技巧： @font-face -{moz/webkit/o}-transform:rotate 这是一个个人项目，所以假设最现代的CSS支持是好的。也许边界图像能帮上忙？我想避免到处都是图像拼接——如果真的是这样的话，我会跳过所有的边框，依靠字体来显示 我只是好奇这里的CSS大师会如何处理这个问题 更新 现在有了一个CSS属性，mask image。更多信息。对于grunge外观，没有特定的css解决方案。你必须依靠字
@font-face-{moz/webkit/o}-transform:rotate
现在有了一个CSS属性，
mask image我喜欢尽可能多地使用CSS，但对于特定的外观，我会坚持使用图像。图像仍然有作用；o） 您可以使用字体作为字体，但仍需要图像作为边框。我建议您省去跨浏览器调试的麻烦，尽可能使用透明的.png。您可以通过导入来实现不良字体效果(http://www.font-face.com/)类似于的字体 我不确定你是否能用纯CSS做边框。您可以在邮票上添加一个旧的透明覆盖层，这将使它看起来很好看，并且不需要自定义字体
CSS可以使用CSS double border+outline创建双图章边框。您需要使外部边框颜色为白色，内部和轮廓颜色相同。轮廓应该比边框粗 这一条现在看来很有希望： 使用谷歌字体
<link href='http://fonts.googleapis.com/css?family=Black+Ops+One|Luckiest+Guy|Sonsie+One|Shojumaru&effect=3d|3d-float|anaglyph|brick-sign|canvas-print|
crackle|decaying|destruction|distressed|distressed-wood|emboss|fire|fire-animation|fragile|grass|ice|mitosis|neon|outline|putting-green|
scuffed-steel|shadow-multiple|splintered|static|stonewash|vintage|wallpaper'
rel='stylesheet' type='text/css'>
您可以使用CSS在文本上应用grunge效果。 就支持而言，我所能说的就是，我已经在最新的Chrome、Firefox、IE、Opera、Safari以及各种移动浏览器和不同的操作系统中对其进行了测试，并且在我测试过的所有操作系统中都能正常工作 CSS HTML
<h1>YOUR TITLE GOES HERE<span> </span></h1>
您的标题在这里
我是从得到这个的，可能，我会留下太多的可能性。而且，我也不打算用这种花哨的颜色。但问题是，我正在从事的项目旨在模拟用户已经熟悉的“基于纸张的”工作流程，其中“戳记”具有语义含义。如果我能模仿它，它将帮助用户。哦，“咕噜咕噜”-这是我在研究这个时记不起来的词！搜索“grunge文本CSS”时发现：这是一个有用的开始……是的，这种技术基本上是“类型顶部的图像”选项。这不是一个纯粹的CSS解决方案，但仍然很有用。实际上，您可以使用CSS对文本应用grunge效果。这也很简单：@DavidMartins也在使用“类型顶部的图像”方法。嗨，帕特里克-你已经有了答案的开始。。。如果你能提供更多关于OP能用谷歌字体做些什么的细节（而不仅仅是指向链接），那么它是'；就我们的目的而言，我将算作“真正的”答案：）
<h1>YOUR TITLE GOES HERE<span> </span></h1>