如何使用CSS3制作教室绿板效果？

Question

我想使用 css 实现教室绿板效果（只是带有粉笔粉效果的绿色），如下图所示

我找到了接近文字的字体，但对于绿板，我尝试选择颜色并将其用作 div 的背景，但它看起来很朴素且统一，这是不现实的。

我可以使用 CSS 实现白绿色效果吗？我不想使用图像来实现这一点。

（我相信这是可能的，因为有一次我看到有人用纯 CSS 制作了一个完整的可乐罐）

Answer 1

您也许可以使用渐变来做到这一点。

以下是一些网站的链接，您可以在这些网站上自定义渐变，并根据需要添加任意数量的“停止器”。 http://ie.microsoft.com/TEStdrive/Graphics/CSSGradientBackgroundMaker/Default.html https://developer.mozilla.org/en-US/docs/Web/CSS/linear-gradient