css3过渡滑到左边

时间:2013-02-05 22:27:45

标签: html5 css3 transition

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

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

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

1 个答案:

答案 0 :(得分:1)

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


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

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