How to use CSS3 pseudo-elements to build an article watermark background

This article mainly shows you "how to use CSS3 pseudo-elements to construct article watermark background", the content is simple and easy to understand, organized clearly, I hope to help you solve doubts, let Xiaobian lead you to study and learn "how to use CSS3 pseudo-elements to construct article watermark background" this article bar.

CSS3 pseudo-element constructed article watermark background h2 { position: relative; margin: 0; font-weight: bold; letter-spacing: -0.05rem; line-height: 1; text-transform: uppercase; z-index: 10;}h2:before { content: "2018/08"; font-family: monospace; font-size: 10rem; position: absolute; top: 2rem; left: -2rem; z-index: 0; line-height: 1; color: rgba(50, 25, 0, 0.1);}

The above is "how to use CSS3 pseudo-elements to build an article watermark background" all the content of this article, thank you for reading! I believe that everyone has a certain understanding, hope to share the content to help everyone, if you still want to learn more knowledge, welcome to pay attention to the industry information channel!