宣言で指定された時間の経過後にアニメーションをオフにするために、数年前に CSS でendまたはstop 、いくつかの用語または構文に遭遇したようです...しかし、Google でそれを見つけることができませんでした。:hover 状態がまだアクティブなときにトランジションをスナップバック/元に戻す方法はありますか?
1 に答える
3
animation-play-stateそれがあなたが探しているものだと確信しています。このプロパティをサポートするブラウザーはありません。ただし、Safari、Chrome、Opera、および Firefox はプレフィックスを使用してサポートしていますが、プレフィックス-moz-(FireFox の場合)、-webkit-(Chrome や Safari などの Webkit ベースのブラウザーの場合)、および-o-(Opera の場合) はコードが機能するために必須であることに注意してください。またはまったく認識されません。
よりクロスブラウザーなソリューションが必要な場合は、JavaScript またはそれを利用するライブラリーを使用することになるでしょう。たとえば、function()実行中に JavaScript を呼び出して、アニメーションの停止をトリガーし、 を使用して遅延させることができますsetTimeout。これは、達成するのがまったく難しいことではないことは間違いありません。
あなたは質問でstopスクリプトについて言及していました。jQuery (JavaScript ライブラリ) には、 http://api.jquery.com/stop/のようなものがあります。唯一の問題は、jQuery コードを使用して移行をトリガーするtransition必要があることですが、jQuery は簡単なコーディング言語であり、十分に文書化されていることを考えると、それほど難しいことではありません。
これが役立つかどうか教えてください。
また、この回答が役に立った場合は、それを正しいものとして受け入れることを忘れないでください。:)
于 2013-01-06T03:43:52.363 に答える