2年前做了一个大屏项目重要目标预警与智慧分析系统,因为标题需要一个外发光效果,当时偷懒标题是直接用的图片,现在用css的方式实现一下。
代码实现
通过text-shadow
来实现外发光效果
text-shadow:0 0 3px #60E3D5;
h3 {
font-size: 26px;
font-family: PingFang;
font-weight: bold;
color: #60E3D5;
height: 70px;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: nowrap;
flex-direction: row;
align-content: flex-start;
text-shadow:0 0 3px #60E3D5;
}