我想使发光的HTML和CSS的文本。我正在学习本教程。
我想让文本发光,就像Windows Vista和7上的最小化、最大化和退出按钮一样,当你将鼠标悬停在它们上面时,它们会发光。
我在网上读了8篇教程,都说滤镜只适用于IE (完全的BS btw,我使用的是IE9 RC,它甚至不能显示),所以我找到的关于glowing的教程都不适用于<p>, <a> <h1>
等文本。
如何使我的文本在悬停时发光?(无图像)
发布于 2014-03-02 08:50:04
在这里找到示例http://enjoycss.com/gallery/text_effects
你可以在编辑器中打开它们并调整任意的css3参数,然后就可以得到你需要的css3代码(它将会被生成
例如http://enjoycss.com/39/1#textShadow
发布于 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;
}
发布于 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>
https://stackoverflow.com/questions/5201949
复制相似问题