jQuery-animate()

HTML

<p><button id="animate">animate()</button></p>
<div id="test"></div>

CSS

#test {
    margin: 2em auto;
    width: 10em;
    height: 10em;
    position: relative;
    background: #bca;
}

JavaScript

$('#animate').click(function() {
    $('#test').animate({
        right: 40,
        padding: '1em',
        opacity: 1.5,
        margin: '1em 0',
        width: '5em',
        height: '3em',
       
    }, 1000);
});