css - ホバーなしのcss3トランジション?

Question

私は CSS3 トランジション チュートリアルに従っています: here

ホバリングせずにこれを機能させることはできません。体にカーソルを合わせることなく、このチュートリアルから同じ効果を得る方法を知っている人はいますか?

ありがとう

Answer 1

@Rufus からの回答を単純化するには、「test」クラスをマークアップの本文に直接配置します。後でjavascriptで追加する理由はありません。

css3 トランジションを使用していた場合は、ページの読み込み後にトランジション クラスを追加する必要がありますが、キーフレーム アニメーションを使用しているため、追加する前に待機する必要はありません。

これは、私が話していることを示すために変更された @Rufus の例です: http://jsfiddle.net/mALEC/2/