如何在HTML和CSS中生成发光文本_Html_Internet Explorer_Css_Glow

如何在HTML和CSS中生成发光文本

html internet-explorer css

如何在HTML和CSS中生成发光文本,html,internet-explorer,css,glow,Html,Internet Explorer,Css,Glow,我想在HTML和CSS中生成发光的文本。我正在学习这个教程我希望文本发光，就像Windows Vista和7上的最小化、最大化和退出按钮一样，当您将鼠标悬停在它们上方时，它们发光我在网上读了8篇教程，都说过滤器只在IE上工作（顺便说一句，我使用的是IE9 RC，它甚至不显示），所以我发现的关于发光的教程中没有一篇真正适用于，等文本如何使文本在悬停时发光？（没有图像）也许可以玩一下CSS3文本阴影 text-shadow: #EEEE00 0 0 10px; IE8及以下版本不支持它，但

我想在HTML和CSS中生成发光的文本。我正在学习这个教程

我希望文本发光，就像Windows Vista和7上的最小化、最大化和退出按钮一样，当您将鼠标悬停在它们上方时，它们发光

我在网上读了8篇教程，都说过滤器只在IE上工作（顺便说一句，我使用的是IE9 RC，它甚至不显示），所以我发现的关于发光的教程中没有一篇真正适用于

，

等文本

如何使文本在悬停时发光？（没有图像）

也许可以玩一下CSS3文本阴影

text-shadow: #EEEE00 0 0 10px;

IE8及以下版本不支持它，但这正是

filter

派上用场的地方

filter: glow(color=#EEEE00,strength=3);

另外，CSS3文本阴影属性的一个简洁的小特性是它允许多个阴影

如果你相信你对这个问题有答案，请尽一切努力分享。因为我不会就此放弃。我想要文本上的发光效果，就像我每天早上想要咖啡一样

同时，我找到了一种半好、半铬*磷的解决方案：

<DOCTYPE html>  
<html>
<head>
<title>HTML5 &amp; CSS3 Samples</title>
<style>
  p {
  filter:progid:DXImageTransform.Microsoft.Glow(Strength, Color, Enabled);
    }
</style>
</head>
<body>
<center>
<p>Welcome!</p>
</center>

</body>
</html>


HTML5&；CSS3样本
p{
过滤器：progid:DXImageTransform.Microsoft.Glow（强度、颜色、启用）；
}
欢迎光临

试试这个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;
   }

在这里找到例子

您可以在编辑器中打开它们并调整任何css3参数然后，只需通过enjoycss获得所需的css3代码（它将被生成）

比如说

CSS3还没有得到很好的支持。但是，没问题。它还没有得到很好的支持。那很好。但是辉光效果显然对div有效，我只是不明白它怎么对文本无效？IE9放弃了对

过滤器的支持，我相信，因为它是非标准的。但是，不知何故，它不支持文本阴影属性，这非常烦人非常烦人。IE9不过是过度夸大的宣传而已。就像苹果的产品一样-p然而，我必须承认，我一定对这些产品有些上瘾，因为我总是发现自己在使用它们。谢谢你的回答。文本阴影：#EEEE00 10px；在IE9 RC或IE9 Beta版中不起作用，文本没有变化，最后一个文本阴影示例也不起作用：-真的，搜索文本阴影，不支持！微软又一次失败了。我听腻了“CSS3仍在工作草案中”和“HTML5仍在工作草案中”这样的通用借口——如果是这样的话，那么为什么Chrome已经支持HTML5中的功能X或CSS3中的功能Y了？为什么Flock支持这个，为什么Opera支持那个？为什么IE9不支持其他浏览器已经支持的大部分功能？这类事情足以让我变成一个全面的精神变态lol。这篇文章可能有用：@Gleng，我非常愿意接受这个答案；）这并不完全是我所希望的，但从它的外观来看，并与它玩了一点，我可以得到这个工作，因为我想它：-）谢谢！嗯。我不记得整个段落打了两次。哈哈哈，也许是时候去看医生了？可能吧。然而，我必须让我的文字发光，然后我承诺自己（或其他人承诺我）哈哈：P-但在所有严肃的，发光的文字；你可能会认为，现在在网页设计中，甚至在HTML5/CSS3之前，你都可以实现所有超级棒的东西，你可能会想，甚至可能会期望你能够发出一些文本lol。
.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;
   }