css+做图片发光效果图

CSS是前端开发中非常重要的一个知识点，它可以让我们美化页面，让网页看起来更加漂亮。本篇文章将会介绍如何使用CSS来给图片添加一个发光效果。

img {
        box-shadow: 0 0 10px 2px #FF00FF;
}
    

如上代码所示，我们可以使用box-shadow属性来为图片添加一个发光效果。 box-shadow属性包括4个参数：

1. 第一个参数是x轴方向的偏移量，可以是正数也可以是负数。
2. 第二个参数是y轴方向的偏移量，可以是正数也可以是负数。
3. 第三个参数是阴影的模糊程度，值越大阴影越模糊。
4. 第四个参数是阴影的扩散程度，值越大阴影越扩散。

最后一个参数是阴影的颜色。我们可以使用RGB颜色值或者十六进制颜色值来定义。例如，上面的代码中我们给阴影设置的颜色是#FF00FF，这是一个紫色的颜色。

使用上述代码，我们可以为HTML中的图片添加一个紫色发光效果。如果需要为其他颜色的图片添加发光效果，只需要将最后一个参数的颜色值改为所需颜色即可。另外我们可以根据实际需要调整前三个参数的数值，来获得不同的效果。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！