发光风格效果

是否可以在CSS中创建像这样的发光文字 Flash Example？发光风格效果

我试着找到一个解决方案，但我找不到像这样的东西。有没有教程来获得这种行为？我发现this one，但他们之间有很大的区别。

没有，这也不是没有可能超过1000行的Javascript。 –

@NielsKeurentjes这是不正确的，因为两个答案显示。 – 2013-09-26 01:11:43

@LegoStormtroopr比较那些他试图复制的给定Flash例子的2个答案类似于说菲亚特Multipla与法拉利完全相同，因为它们可以驱使你到最近的超市。在没有数千行代码的情况下，重现确切的效果，甚至是靠近它的东西，简直是不可能的。 –

我不愿意链接到W3Schools，但我在一台目前没有CSS3功能的计算机上。

您可以使用the text-shadow property获得所需的效果。通过给阴影一个明亮的颜色，而不是一个黑暗的，你可以得到一个霓虹灯效果。你是不是要能够得到无JavaScript的动画效果，但代码的效果：

<a class='neon' href='http://example.com'>My cool effect</a>

随着相应的CSS规则：

a.neon:hover { 
    text-shadow:0 0 3px #eaeaff 
}

应该接近的效果你需要。

2013-09-25 23:23:00

为什么不链接到MDN呢？ https://developer.mozilla.org/en-US/docs/Web/CSS/text-shadow – Ryan

@ minitech W3Schools明确提到了一个接近OP想要的'霓虹'效果。而我无法测试它...该死的工作电脑:( – 2013-09-26 01:36:37

虽然该示例显示了发光效果的动画，但您也可以在CSS中的悬停选择器上使用文字阴影。

HTML

<body> 
    <ul> 
     <li class="link">Link</li>  
     <li class="link">Link2</li> 
     <li class="link">Link3</li> 
    </ul>  
</body>

CSS

body{ 
    background-color:steelblue; 
} 

.link{ 
    font-size:2em; 
} 

.link:hover{ 
    text-shadow: 0px 0px 20px rgba(192, 192, 192, 1); 
}

2013-09-25 23:24:08

回答