3

JavaScriptを使用せずにクリックしたときにCSS3アニメーションを再開する方法はありますか?

4

2 に答える 2

2

これを行ういくつかの方法を要約したcss-trickがあります。:targetチェックボックスハックの代わりに疑似クラスを試すことができます。

編集:疑似クラスを使用して例をいじくりまわしました。:target

于 2013-01-09T21:51:07.203 に答える
1

チェックボックスハックを使用してそれを行うことができますが、一般的には推奨されていません。

ただし、調べる価値があるかもしれません。これは、htmlとcssの興味深い使用法です。

編集

少し遊んだ後、私はこの例を思いついた。最も難しい部分は、実際には、クリックイベントを登録するのではなく、JavaScriptを使用せずにアニメーションをリセットすることです。これを回避するために、チェックボックスが押されたときに開始する2番目のcssルールにアニメーションを複製しました。

それを行うためのより良い方法があるかもしれませんが、これは少し型破りであることを除けば、理論的には機能します:)

于 2013-01-09T21:23:13.687 に答える