Shulou(Shulou.com)06/02 Report--

This article introduces you how to use css3 to achieve concave fonts, the content is very detailed, interested friends can refer to, I hope to help you. Methods: 1. Use the color attribute to set the font color to be consistent with the background color;2. Use the text-shadow attribute to add shadow to the text to achieve the concave font effect. The syntax is "text-shadow: -1px -1px #000, 1px 1 px #fff;".

Operating environment of this tutorial: Windows 7 system, CSS3 && HTML5 version, Dell G3 computer.

Using css3 to realize concave font

1. Use the color attribute to match the text color setting with the background color

2. Use the text-shadow attribute to shadow text to achieve a concave font effect

Implementation code:

body {background-color: #ccc;}div {color: #ccc;font: 700 50px "Microsoft Yahei";}div {text-shadow: -1px -1px 1px #000, 1px 1 px #fff;} I am a recessed text

About how to use css3 to achieve concave fonts to share here, I hope the above content can be of some help to everyone, you can learn more knowledge. If you think the article is good, you can share it so that more people can see it.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.