Question

是否可以像这样创建发光文本 CSS中的Flash Example

我试图找到一个解决方案，但我找不到这样的东西。是否有任何教程可以获得此行为？我发现this one，但它们之间存在很大差异。

Answer 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/

Answer 2

我无法链接到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
}

应该接近你需要的效果。

发光的风格效果

2 个答案: