1

私は html5 と css3 の Web サイトに取り組んでいますが、スライド トランジションで立ち往生しています。 ここでは、右矢印をクリックすると右にスライドする例を現在表示できます。下にスライドさせようとしています。また、戻る矢印も上にスライドする必要があります。「bg」クラスのコードで見たものから：

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

それを一番下に変更すると、奇妙な効果が生じます。私は非常に簡単なものが欠けていることを知っています.誰かが私を助けてくれますか.

4

1 に答える 1

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


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

ホバーにそれを追加してテストします。移動させたいピクセル数。

于 2013-02-06T10:44:12.050 に答える