HTML – 如何使用CSS3制作课堂绿板效果？

概述我想用css如图所示实现课堂绿板效果(只有绿色和白垩粉效果) 我找到了接近书写的字体但是对于greenboard我尝试选择颜色并作为背景应用于div,但它看起来都很简单和均匀,这是不现实的. 我可以使用CSS实现白绿效果吗？我不想使用图像. (我相信这是可能的,因为一旦我看到一个人制作了一个完整的可乐可以使用纯CSS) 您可以通过将文本颜色的rgba半透明白色组合,然后使用半透明白色的文本阴影来制 我想用CSS如图所示实现课堂绿板效果(只有绿色和白垩粉效果)

我找到了接近书写的字体但是对于greenboard我尝试选择颜色并作为背景应用于div,但它看起来都很简单和均匀,这是不现实的.

我可以使用CSS实现白绿效果吗？我不想使用图像.

(我相信这是可能的,因为一旦我看到一个人制作了一个完整的可乐可以使用纯CSS)

解决方法 您可以通过将文本颜色的rgba半透明白色组合,然后使用半透明白色的文本阴影来制作透明模拟粉笔粒度的“发光”.

Working sample here.

添加一些巧妙的变换和透视使用,您还可以模拟人们很少在白板上以一致的大小和方向书写的效果,并且文本通常从左向右收敛.

Funkier sample here.或者让它成为tad more transparent.玩吧:)

总结

以上是内存溢出为你收集整理的HTML – 如何使用CSS3制作课堂绿板效果？全部内容，希望文章能够帮你解决HTML – 如何使用CSS3制作课堂绿板效果？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。