[分享]css利用阴影做外发光

CSS利用阴影做外发光是一种很棒的技术，可以让你的页面元素更加引人注目。下面我们来看看如何实现这一效果。.box { boxshadow: 0px 0px 10px 5px ff9900; } 上面的...

CSS利用阴影做外发光是一种很棒的技术，可以让你的页面元素更加引人注目。下面我们来看看如何实现这一效果。

.box {
   box-shadow: 0px 0px 10px 5px #ff9900;
} 

上面的代码中，我们给一个class为“box”的元素添加了一个阴影效果。具体来说，我们设置了四个值：水平位移（0px）、垂直位移（0px）、模糊半径（10px）和扩散半径（5px）。最后一个值是我们设置的阴影的颜色，这里为橙色（#ff9900）。

总的来说，我们可以将这四个值调整得不同，以达到不同的效果。比如，如果我们将模糊半径的值增大，就可以让阴影变得更加柔和；如果我们将扩散半径的值增大，就可以让阴影变得更加宽广。

需要注意的是，在一些老的浏览器中，有些阴影效果可能会出现问题。比如，在IE8及以下的版本中，我们无法使用“box-shadow”属性。不过，我们也可以通过其他方法来实现类似的效果，比如使用“filter: dropshadow()”。