How to use css3 to realize the sunken and protruding effect of fonts

This article mainly introduces how to use css3 to achieve the font sunken protruding effect, has a certain reference value, interested friends can refer to, I hope you can learn a lot after reading this article, the following let the editor take you to understand it.

Examples are as follows:

Css3 fonts achieve three-dimensional effect

Body {

Background:gray

}

H2 {

Font-size:200px

Color:gray

Text-shadow:3px3px2pxblack

-3pxMur3px2pxwhite3px2pxwhite;}

H2:hover {

Text-shadow:3px3px2pxwhite

-3px-3px2pxblack

}

Thank you for reading this article carefully. I hope the article "how to use css3 to achieve the sunken protruding effect of fonts" shared by the editor will be helpful to everyone. At the same time, I also hope that you will support and pay attention to the industry information channel. More related knowledge is waiting for you to learn!