CSS IE10 - 0px 处的文本阴影展开属性

Question

好的。所以我在电子邮件上有一个模糊动画:悬停。

您可能已经注意到 IE10 的新传播距离属性(据我所知，在发帖时只有 IE10)。 http://msdn.microsoft.com/en-us/library/ie/hh673564(v=vs.85).aspx#text_shadows .

我遇到的问题是，当传播距离设置为 0px 时，文本就会从我的动画中消失。这可能是一种肛门，但这不应该与 0px 一起使用吗？

我不想在我的动画中的文本阴影中使用扩展，而 IE10 强制我这样做!!!

除了将 px 设置得如此之小以至于难以看到散布外，还有什么想法吗？

@keyframes BlurMail{
    0% {text-shadow: 0 0 10px 0px white;}
    30% {text-shadow: 0 0 7px 0px white;}
    100% {text-shadow: 0 0 0px 0px white;}
}

#email:hover {
-ms-animation-name: BlurMail; 
-ms-animation-fill-mode: forwards;
-ms-animation-duration: 0.5s;
color: transparent;  
}

Answer 1

您可以尝试使用特定于 IE10 的目标来向动画添加展开，以便它显示出来，并且在所有其他浏览器中仍然使用 0px。

How do I target only Internet Explorer 10 for certain situations like Internet Explorer-specific CSS or Internet Explorer-specific JavaScript code?

此链接在评论中有很多具体信息。