[css] 使用css实现霓虹灯效果
<div class="neon">Good evening, and good night!</div>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);}}
个人简介
我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，
但坚持一定很酷。欢迎大家一起讨论
主目录
与歌谣一起通关前端面试题
![[css] :placeholder-shown和:focus-within这两个伪类你有使用过吗？说说看](http://pic.xiahunao.cn/[css] :placeholder-shown和:focus-within这两个伪类你有使用过吗？说说看)
![[css] 使用css实现气泡框的效果](http://pic.xiahunao.cn/[css] 使用css实现气泡框的效果)
![[css] 如何使用伪元素实现增大点击热区来增加用户体验？](http://pic.xiahunao.cn/[css] 如何使用伪元素实现增大点击热区来增加用户体验？)
![[css] 如何使用css显示a链接的url？](http://pic.xiahunao.cn/[css] 如何使用css显示a链接的url？)
![[css] css中的url()要不要加引号？说说你的理解](http://pic.xiahunao.cn/[css] css中的url()要不要加引号？说说你的理解)
![[css] 使用css写一个垂直翻转图片的效果](http://pic.xiahunao.cn/[css] 使用css写一个垂直翻转图片的效果)
![[css] 请写出font属性的快捷写法](http://pic.xiahunao.cn/[css] 请写出font属性的快捷写法)
![[css] 举例说明与打印有关的属性有哪些？](http://pic.xiahunao.cn/[css] 举例说明与打印有关的属性有哪些？)
