[css] 用css3实现文字发光的效果
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>霓虹文本</title>
</head>
<style>@import url(https://fonts.googleapis.com/css?family=Pacifico);body {display: flex;height: 100vh;justify-content: center;align-items: center;text-align: center;background: black;}.neon {color: #cce7f8;font-size: 2.5rem;font-family: 'Pacifico', cursive;text-transform: uppercase;animation: shining 0.1s alternate infinite;}@keyframes shining {from {text-shadow: 0 0 6px rgba(182, 211, 207, 0.9),0 0 30px rgba(182, 211, 207, 0.3), 0 0 12px rgba(15, 115, 223, 0.5),0 0 21px rgba(15, 115, 223, 0.9), 0 0 34px rgba(15, 115, 223, 0.8),0 0 54px rgba(15, 115, 223, 0.9);}to {text-shadow: 0 0 6px rgba(182, 211, 207, 1),0 0 30px rgba(182, 211, 207, 0.4), 0 0 12px rgba(15, 115, 223, 0.6),0 0 22px rgba(15, 115, 223, 0.8), 0 0 38px rgba(15, 115, 223, 0.9),0 0 60px rgba(15, 115, 223, 1);}}
</style><body><div class="neon">Good evening, and good night!</div>
</body></html>
个人简介
我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，
但坚持一定很酷。欢迎大家一起讨论
主目录
与歌谣一起通关前端面试题
![[css] 你有使用过css的属性background-blend-mode吗？说说它的运用场景有哪些？](http://pic.xiahunao.cn/[css] 你有使用过css的属性background-blend-mode吗？说说它的运用场景有哪些？)
![[css] 如何使用css实现鼠标跟随？](http://pic.xiahunao.cn/[css] 如何使用css实现鼠标跟随？)
![[css] 能不能使用纯css使你的浏览器卡死？怎么实现？](http://pic.xiahunao.cn/[css] 能不能使用纯css使你的浏览器卡死？怎么实现？)
![[css] 为什么说对opacity进行动画要比box-shadow进行动画性能更好呢？](http://pic.xiahunao.cn/[css] 为什么说对opacity进行动画要比box-shadow进行动画性能更好呢？)
![[css] 请问class与[class=xxx]的区别是什么？两者是否等价？](http://pic.xiahunao.cn/[css] 请问class与[class=xxx]的区别是什么？两者是否等价？)
![[css] 有哪些标签是不支持伪元素的？](http://pic.xiahunao.cn/[css] 有哪些标签是不支持伪元素的？)
![[css] 如何重写行内样式？方法有哪些（至少两种）？](http://pic.xiahunao.cn/[css] 如何重写行内样式？方法有哪些（至少两种）？)
