How to realize Font Stroke with CSS3

Editor to share with you how to use CSS3 to achieve font strokes, I believe that most people do not know much about it, so share this article for your reference, I hope you can learn a lot after reading this article, let's go to know it!

Two methods of realizing Font Stroke with CSS3

-webkit-text-stroke: 1px # fff;: is not recommended, inward stroke, thinning font color, poor effect

Use box-shadow to simulate strokes, stroke outward, and retain font weight. Awesome!

-webkit-text-shadow: # fff 1px 0 0, # fff 0 1px 0, # fff-1px 0 0, # fff 0-1px 0

-moz-text-shadow: # fff 1px 0 0, # fff 0 1px 0, # fff-1px 0 0, # fff 0-1px 0

Text-shadow: # fff 1px 0 0, # fff 0 1px 0, # fff-1px 0 0, # fff 0-1px 0

* filter: Glow (Color=#fff, Strength=1)

The above is all the contents of the article "how to use CSS3 to achieve font strokes". Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!