文字光暈

text-shadow

text-shadow: 水平陰影 垂直陰影 擴散程度 顏色
.outer
 h1 微弱光暈
.outer
 width: 400px
 height: 200px
 background: #24260f
 line-height: 200px

h1
 color: #fff
 text-shadow: 0px 0px 15px #ffdd65
 text-align: center

text-shadow 重複疊加

藉由參數的重複疊加,增強光暈效果

.outer
 h1 刺眼光暈
.outer
 width: 400px
 height: 200px
 background: #24260f
 line-height: 200px

h1
 color: #fff
 text-shadow: 0px 0px 15px #ffdd65, 0px 0px 5px #fff
 text-align: center