css实现文字外发光

css yekong 1186℃

2年前做了一个大屏项目重要目标预警与智慧分析系统,因为标题需要一个外发光效果,当时偷懒标题是直接用的图片,现在用css的方式实现一下。
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;
}
喜欢 (0)