jQuery/CSS动画div宽度从左到右

Question

我正在尝试使用jQuery为div设置动画,背景图片的宽度从左到右逐渐减小,同时绝对定位.

我需要使这与IE8兼容,因此使用jQuery.

这是一个基本的JSFiddle演示链接,我到目前为止,但它从右到左动画:

JSFiddle链接

jQuery(document).ready(function($){
    $(document).on('click', '.splat', function(e){
        $(this).animate({width:"0px"},800);
    });
});

.splat {
    width: 400px;
    height: 400px;
    background: blue;
    position: absolute;
    top: 100px;
    left: 100px;
}

<div class="splat"><!-- --></div>

我需要它朝不同的方向发展,如下图所示:

希望有人能指出我正确的方向(没有双关语!).提前致谢.

Answer 1

您可以使用包装器并将子div定位right:0.

看这个演示