2013-04-24 30 views
1

好的。所以我在電子郵件上有一個模糊的動畫:懸停。CSS IE10 - 0px處的文字陰影傳播屬性

您可能已經注意到IE10的新傳播距離屬性(根據我的知識,發佈時只有IE10)。 http://msdn.microsoft.com/en-us/library/ie/hh673564(v=vs.85).aspx#text_shadows

我遇到的問題是,當傳播距離設置爲0px,然後文本從我的動畫中消失。這可能是一種肛門,但不應該與0px的工作?

我不想在我的動畫中使用傳播在我的文字陰影和IE10迫使我!

任何想法除了設置像素這麼小,它很難看到傳播?

@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; 
} 

回答