的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);