2

是否可以在 CSS中创建像这个Flash 示例这样的发光文本 ?

我试图找到一个解决方案,但我找不到这样的东西。是否有任何教程来获得这种行为?我找到了这个,但它们之间有很大的不同。

4

2 回答 2

1

好吧,尽管该示例显示了发光效果的动画,但您可以在 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);
}

http://jsfiddle.net/fRwGA/

于 2013-09-25T23:24:08.563 回答
0

我没有链接到 W3Schools,但我现在使用的计算机没有 CSS3 功能。

您可以使用text-shadow属性获得所需的效果。通过给阴影一个明亮的颜色,而不是一个黑暗的颜色,你可以获得霓虹灯效果。如果没有 javascript,您将无法获得动画效果,但代码效果如下:

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

对应的 CSS 规则为:

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

应该接近你需要的效果。

于 2013-09-25T23:23:00.980 回答