css3过渡滑到左边

Question

我正在制作html5＆amp; css3网站，我坚持滑动过渡。 here u can view an example目前当你点击右箭头时它会向右滑动，我试图让它滑到底部，返回箭头也应该滑到顶部。从我在＆＃34; bg＆＃34;的代码中看到的类：

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

如果我将其更改为底部，则会产生奇怪的效果。我知道我错过了很简单的事情，有人可以帮助我。

Answer 1

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


#test:hover {
            top:100px;
            bottom:100px;
            }

测试添加悬停。你希望它移动多少像素。