如何使使用的CSS IMG閃爍（應在所有的瀏覽器）

Question

.name{ 
    width: 10px; 
    height: 10px; 
    -webkit-transition:opacity 2s; /* For Safari 3.1 to 6.0 */ 
    transition:opacity 2s; 

} 

.students img:hover{ 
    width: 10px; 
    height: 10px; 
    opacity: 0.5; 
} 

現在我能夠改變懸停透明度，但我想要的圖像閃爍，即不透明度應到0再回來到1然後再次回到0並像閃爍一樣回到1。希望我能解釋我的問題

任何幫助，將不勝感激。

在此先感謝。

Answer 1

我建議使用jQuery或簡單的JavaScript爲此目的。 例如：

$(function() 
{ 
    flicker(); 
    function flicker() 
    {   
     $('#test').fadeIn(100, function() 
     { 
      $('#test').fadeOut(150, function() 
      {      
       setTimeout(flicker, 50);    
      }); 
     }); 
    } 

}); 

live demo

可以通過修改淡入，淡出功能的第一參數和的setTimeout中的第二個設置的閃爍的速度。請注意它們以毫秒爲單位。

編輯

我已經找到了如何只用CSS3來做到這一點。 這是live demo