2

次のようなCSSトランジションを使用しようとしています:

ホバー時 - 高さの遷移がトリガーされ、次に幅の遷移がトリガーされます

マウスを離すと- 幅の遷移がトリガーされ、次に高さの遷移がトリガーされます

コード例は次のとおりです。

#example {
width:100px;
height:100px;

background:#000000;
}

#example:hover {
width:200px;
height:200px;
}

css 遷移を使用して目的の効果を得る方法はありますか?

4

1 に答える 1

4

を使用しtransition-delayます。例を次に示します: http://jsfiddle.net/S6Bt5/。

これは、純粋な CSS でできる最善のことです。遅延が修正されているので完璧ではないと思うので、JSを使用した方が少し良いようです...</p>

于 2013-06-01T18:50:33.057 に答える