如何在HTML和CSS中制作发光文本
如何在HTML和CSS中制作发光文本
提问于 2011-03-05 13:40:01
我想使发光的HTML和CSS的文本。我正在学习本教程。
我想让文本发光，就像Windows Vista和7上的最小化、最大化和退出按钮一样，当你将鼠标悬停在它们上面时，它们会发光。
我在网上读了8篇教程，都说滤镜只适用于IE (完全的BS btw，我使用的是IE9 RC，它甚至不能显示)，所以我找到的关于glowing的教程都不适用于<p>, <a> <h1>等文本。
如何使我的文本在悬停时发光？(无图像)
回答 3
Stack Overflow用户
发布于 2014-03-02 08:50:04
在这里找到示例http://enjoycss.com/gallery/text_effects
你可以在编辑器中打开它们并调整任意的css3参数，然后就可以得到你需要的css3代码(它将会被生成
例如http://enjoycss.com/39/1#textShadow
Stack Overflow用户
发布于 2014-02-11 05:49:57
试试这个CSS3技巧吧！
.text-glow {/*Definig font could be useful!*/
font-size:4em;
color: #FFFFFF;
font-family:Arial;
}
.text-glow:hover {
text-shadow: 1px 0px 20px #ffd200;
-webkit-transition: 1s linear 0s;
-moz-transition: 1s linear 0s;
-o-transition: 1s linear 0s;
transition: 1s linear 0s;
outline: 0 none;
}Stack Overflow用户
发布于 2011-03-05 14:26:18
如果你相信你有这个问题的答案，请一定要分享它。因为我不会放弃这个。我想要文本上的发光效果，就像我想每天早上喝咖啡一样。
同时，我找到了一个一半好、一半cr*p的解决方案：
<DOCTYPE html>
<html>
<head>
<title>HTML5 & CSS3 Samples</title>
<style>
p {
filter:progid:DXImageTransform.Microsoft.Glow(Strength, Color, Enabled);
}
</style>
</head>
<body>
<center>
<p>Welcome!</p>
</center>
</body>
</html>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/5201949
复制相关文章
相似问题