2

タブを(メニューとして)画面からオフセットしようとしています。誰かがその上にカーソルを合わせると、タブが下に移動してタブがさらに表示されます。私のコードはこれです:

.tab:hover {
    position: relative; 
    top: 45px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

画像にカーソルを合わせると、下に正しく遷移します。ただし、タブを離れると元の位置に戻ります。私がやりたいのは、スナップではなく、元の場所に戻ることです。これを実現するためにコードに欠けているものは何ですか?

アップデート:

私は問題を理解しました。just 用の新しい CSS スタイル セットを作成.tabし、トランジション AND を挿入しましたtop: 0px

4

1 に答える 1

0

の上に置く代わりに、の上:hoverに置きます。transition.tab

于 2013-01-16T02:17:31.997 に答える