的jQuery - 圖片動畫（從右到左）

Question

有沒有一種方法，以由右至左的動畫形象，像this但是反過來相反的方向： -

<span id="logo"></span> 

#logo { 
    background: url(https://upload.wikimedia.org/wikipedia/en/b/bd/Random_App_Logo.png); 
    width: 0; 
    height: 646px; 
    display: block; 
} 

$('#logo').animate({ width:'100%' }); 

我已經試過： -

#logo { 
    background: url(https://upload.wikimedia.org/wikipedia/en/b/bd/Random_App_Logo.png); 
    width: 1350px; 
    height: 646px; 
    display: block; 
    margin-left: 1350px; 
} 

$('#logo').animate({ marginLeft:'0px' }); 

但圖像需要保持在同一位置。我會使用覆蓋，但背景是背景圖片，所以這是行不通的。

Answer 1

您可以使用background-position: right center;到background-image右對齊，而不是div和float: right;的左側設置了div向右。見this

你也可以不用JavaScript的DEMO

Answer 2

position: fixed(or absolute); right: 0;會給你想要的效果。

Demo

Answer 3

使用此與除在CSS寬度設置爲0px您當前的CSS;

$('#logo').animate({marginLeft: '0px', width: '1350px'}, 2000);