[分享]css3图片内发光

CSS3中引入了许多新的特性，其中一项特性就是图片内发光。这个特性可以让我们让图片变得更加生动有趣，下面我们来看一下具体的实现方法。img{ boxshadow: 0 0 20px rgba(255,...

CSS3中引入了许多新的特性，其中一项特性就是图片内发光。这个特性可以让我们让图片变得更加生动有趣，下面我们来看一下具体的实现方法。

img{
    box-shadow: 0 0 20px rgba(255, 255, 255, 0.8);   
} 

上面的代码是实现图片内发光的关键代码，其中box-shadow是一个CSS3属性，可以用来为元素添加阴影。而rgba(255, 255, 255, 0.8)则表示白色，透明度为0.8，也就是说加上这个阴影之后，图片就有了一个白色的光晕。

需要注意的是，box-shadow的前两个参数分别是偏移量的水平和垂直方向的值，第三个参数表示阴影的大小，第四个参数表示阴影的颜色和透明度。如果要让光晕更加明显，可以将阴影的大小调大或者调整透明度。

总之，通过CSS3的box-shadow属性，我们可以非常方便地为图片添加光晕效果，让图片看起来更加生动。如果你想要让你的网页更加吸引人的话，不妨试一试吧！