css3d transition

css3d transform trasition

//---------------------HTML
<footer id="footer">
        <button id="btnExpand" class="expander" type="button"></button>
       	...
</footer>


//---------------------CSS
footer.expander{
	
    -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 350ms;

}

//--------------------JS
var footer = document.getElementById('footer');
footer.style.webkitTransform = 'translate3d(0,' + -150 + 'px,0)';