Home >Web Front-end >CSS Tutorial >How to achieve text external glow effect in css
How to achieve text external glow effect in css
- 王林forward
- 2020-07-07 17:11:514787browse
You can use the text-shadow attribute to achieve the text outer glow effect.
(Recommended tutorial: css quick start)
Code example:
<!DOCTYPE html>
<html>
<head>
<style>
h1
{
text-shadow: .2rem 0rem .5rem red,-.2rem 0rem .5rem red,0rem .2rem .5rem red,0rem -.2rem .5rem red;
}
</style>
</head>
<body>
<h1>文本阴影效果！</h1>
</body>
</html>Effect:
The above is the detailed content of How to achieve text external glow effect in css. For more information, please follow other related articles on the PHP Chinese website!
Statement：
This article is reproduced at:csdn.net. If there is any infringement, please contact admin@php.cn delete
Previous article：Take you to play with various direction arrows in cssNext article：Take you to play with various direction arrows in css