html5 - css3 transition slide to left -

html5 - css3 transition slide to left -

i working on html5 & css3 website , stuck sliding transition. here u can view example when u click right arrow slide right, trying create slide bottom, homecoming arrow should slide top. see on code in "bg" class:

-moz-transition: left 1.5s ease-in-out; -webkit-transition: left 1.5s ease-in-out; transition: left 1.5s ease-in-out;

if alter bottom creates weird effect. know missing easy, can help me pls.

#test { -webkit-transition-property: top, bottom; -webkit-transition-duration: 0.5s; } #test:hover { top:100px; bottom:100px; }

test adding hover. how many pixels want moved.

html5 css3 transition