是否可以在 CSS中创建像这个Flash 示例这样的发光文本 ?
我试图找到一个解决方案,但我找不到这样的东西。是否有任何教程来获得这种行为?我找到了这个,但它们之间有很大的不同。
好吧,尽管该示例显示了发光效果的动画,但您可以在 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);
}
我没有链接到 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
}
应该接近你需要的效果。