如何让我的链接发光：悬停与CSS3？ [英] How do I get my links to glow on :hover with CSS3?

问题描述

可能重复：

Glowing Text（HTML CSS）

一个100％CSS解决方案的文本发光效果。 我尝试过文字阴影，但我无法看到我的想法。我能够实现与box-shadow的效果。然而，这只是发光在元素边缘的外部，并留下内部空白。这是一张图片：

So I'm looking for a 100% css solution for a text glow effect. I tried text-shadow but I couldn't get it looking how I wanted. I was able to achieve the effect with box-shadow. However, that only glows around the outside of the elements edges, and leaves the inside blank. Here is a picture:

如何获得一个漂亮的外观，如上所述，没有空白？

How do I get a nice looking outer glow like above, without the blank inside?

我的代码是只是一个简单的< li>< a>< / a>< / li> ，同时在li和标签上悬停css。

my code is just a simple <li><a></a></li> , with hover css on both the li, and a tags.

提前感谢。

推荐答案

a:hover { text-shadow: 0 0 5px #ff0000; }

这篇关于如何让我的链接发光：悬停与CSS3？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！