关于如何使用CSS来模拟乱糟糟的邮票的任何想法？

Question

我对渲染跨度的方法很感兴趣,看起来就像其中一个:

以下是我计划使用的技巧:

• @font-face
• -{moz/webkit/o}-transform:rotate

这是个人项目所以假设最现代的CSS支持是好的.也许边界图像可以帮助？我想避免在整个地方拼接图像 - 如果它真的归结为我只是一起跳过边框并依赖于字体的外观.

我只是好奇周围的CSS大师会如何处理这个问题.

UPDATE

现在有一个CSS属性,mask-image.更多这里.

Answer 1

对于垃圾外观没有特定的 CSS 解决方案。您必须依靠字体或图像（例如某种与字体顶部的背景颜色相匹配的“蹩脚”斑点图案）。

唯一可能适用的其他 CSS 是使用 RGBA 颜色，设置为大约 80 或 90% 的不透明度，以允许您可能使用的任何背景图案渗透出来，就像真正的墨水印章的情况一样。

我喜欢尽可能多地使用 CSS，但对于特定的外观，我会坚持使用图像。图像仍然有其用途。;o)