Home  >  Article  >  Web Front-end  >  css set text outer glow effect

css set text outer glow effect

王林
王林forward
2020-12-08 16:39:414240browse

css set text outer glow effect

Implementation code:

(Recommended tutorial: CSS tutorial)

<!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>

Implementation effect:

css set text outer glow effect

The above is the detailed content of css set text outer glow effect. 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