Mozilla上的CSS動畫問題

我想在滑塊中使用打字機的css動畫。在Chrome上工作良好，但在Mozilla上無法正常工作。只工作一個遊覽滑塊（有4張幻燈片）。我怎樣才能解決這個問題？Mozilla上的CSS動畫問題

  $this.css({display:'block'}).show(); // make sure slide shows 
      $text1.css({left:'-30px', opacity:0,animation:'typing 2s steps(30,end))', display:'block', zIndex:'9'}).delay(100).animate({left:'0px', opacity:1, 100); 
      $text2.css({left:'-30px', opacity:0, display:'block', zIndex:'9'}).delay(100).animate({left:'0px', opacity:1}, 100); 
      $btn.css({opacity:0, display:'block', zIndex:'9'}).delay(3300).animate({opacity:1}, 1000); 
      $image.css({marginTop:'30px', opacity:0, display:'block', zIndex:'1'}).delay(500).animate({marginTop:'0px',opacity:1}, 1000); 
      $blurImg.css({marginTop:'30px', opacity:0, display:'block', zIndex:'2'}).delay(500).animate({marginTop:'0px',opacity:1}, 1000).animate({opacity:0}, 600, makeDisplayNone);

CSS

@-webkit-keyframes typing {from { width:0; }}

來源

2014-02-06 Rockipsiz

您正在使用的語法是的Webkit的browers僅

您需要定義動畫-moz瀏覽器（Firefox），以及與前綴版本

@-moz-keyframes typing {from { width:0; }} 

@keyframes typing {from { width:0; }}

來源

2014-02-06 16:58:53

仍然無法正常工作。 – Rockipsiz

Mozilla上的CSS動畫問題

回答

相關問題