来了老弟，超级美观的荧光效果喔

开发工具与关键技术：DW/浏览器，css
作者：江炳渝
撰写时间：2019年6月26日

应该很多人都觉得荧光效果漂亮吧，呃，反正小编挺喜欢的哈。

这期要分享的就是如何实现荧光效果的

所谓的荧光效果呢其实说白了就是阴影来的，想要什么样的荧光就自己设置调阴影的大小和颜色就OK
OK，下面就直接上干货
代码如下

效果如下

截图的例子我是直接用我以前写的一个动画，所以阴影代码是放在关键帧里面的。
图中用红框圈住的就是设置阴影的代码了，前面那三个大小值分别是水平阴影、垂直阴影和模糊距离，而最后那个值就是颜色了。
这样直接给元素加上阴影就如上图一样是会一直显示阴影的。

而还有一种方式就是当你鼠标移动到该元素上的是显示阴影，这又涉及到了一个伪类，而伪类有好几种，这次的只是其中一种哈
：hover（鼠标悬停）
好了，具体代码看下图

#是id选择器哈，类的话用一个点加上你的类（.），反正就是在你选选择到的类或id后面加上：hover

效果图如下
图一

图二

图一是鼠标没悬停到按钮上的，所以是没有效果的；
图二是鼠标悬停在了按钮上了，是不是增加了美观啊?

可以把图一和图二对比一下，效果是非常明显的喔

本期完