1. 首頁
  2. 問答
  3. IE上的webkit動畫

IE上的webkit動畫

2012-08-29 29 views
0

我爲圖像控件創建了以下發光效果，但它不適用於IE。我如何使它在IE9上運行？還是其他選擇？IE上的webkit動畫

@-webkit-keyframes redPulse { 
from { background-color: #FF5959; -webkit-box-shadow: 0 0 40px #FF5959; } 
50% { background-color: #FD9FA2; -webkit-box-shadow: 0 0 40px #FD9FA2; } 
to { background-color: #FF5959; -webkit-box-shadow: 0 0 40px #FF5959; } 
} 

.red{ 
-webkit-animation-name: redPulse; 
-webkit-animation-duration: 2s; 
-webkit-animation-iteration-count: infinite; 
width:200px; 
padding-top:0px; 
margin-top:0px; 

}

來源

2012-08-29 Tanveer

回答

2

它仍然沒有支載

的Internet Explorer尚不支持@keyframes規則或 動畫屬性。

Firefox需要前綴-moz-，Chrome和Safari需要 前綴-webkit-，Opera需要前綴-o-。

來源：http://www.w3schools.com/css3/css3_animations.asp

UPD 也許它可以在你的情況下，幫助一些jQuery的 http://placenamehere.com/article/384/css3boxshadowininternetexplorerblurshadow/

來源

2012-08-29 13:00:23

+0

應該IE10中工作，而無需任何供應商名稱：http://msdn.microsoft。 com/en-us/library/ie/hh673530（v = vs.85）.aspx – bfavaretto

+0

-ms-前綴不起作用，我已經搜索了一下，發現它不被支持，但我正在尋找替代方案 – Tanveer

+0

也許它可以幫助你http://placenamehere.com/article/384/c ss3boxshadowininternetexplorerblurshadow/ –

相關問題

 相關問題