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