問題タブ [css-animations]

アニメーションをdivに設定しただけで成功しました。遅延が短すぎるので、証明してもらいたいです。アニメーション（0％から25％）とアニメーション（25％​​から50％）の間に遅延時間を追加するにはどうすればよいですか？コードは次のとおりです。

皆さん!ご清聴ありがとうございました!答えは見つかりましたが、キーフレームのパーセンテージの定義の Api がわかりません!それについて知っている場合は、手を貸してください。どうもありがとうございました!

CSS アニメーションが終了したときに GWT ウィジェットに通知されるようにしたいと考えています。

プレーンな HTML/Javascript では、次のようにイベント ハンドラーを登録することで簡単に実行できます。

GWTでこれを行うにはどうすればよいですか?

このタイプのイベントは GWT のDOMImplクラスには認識されないため、エラーが発生し続けます。

「不明なイベント タイプ webkitAnimationEnd をシンクしようとしています」。

LESSCSSや@keyframesまたはに問題があった人はいますか@-ms-keyframes？@-webkit-keyframes、、@-moz-keyframesおよびのCSSを正常にコンパイルします@-o-keyframes。

javascript で CSS アニメーションを 1 回繰り返すことができないのはなぜですか?

フィドル: http://jsfiddle.net/6XtSa/

キーフレームでcss3アニメーションを作っています。しかし、私には問題があります。これは私のコードです:

問題は。a要素にカーソルを合わせると。a 要素は幅 80 に設定する必要があります。a 要素よりも 25 幅に戻す必要があります。しかし今、私がホバリングすると、彼がアニメーションを行います。そして、彼は 25 歳に戻ります。これを修正するにはどうすればよいですか?

ありがとう！

CSS3 によるシンプルなランディング ページを作成しています。見栄えを良くするために、次のようなものがあります<a>。

さらに素晴らしいものにするために、ホバー アニメーションを追加しました。

しかし、問題が発生します！私はこのようにアニメーションを割り当てました：

すべてがうまく機能します。<a>水しぶきがユーザーの顔に飛び散り、ホバーすると心地よい振動が発生します。ユーザーがぼかしを入れるとすぐに<a>、滑らかなものが突然終了し、アニメーションが<a>繰り返されsplashます。(これは私にとって論理的ですが、私はそれを望んでいません) JavaScript Class Jiggery Pokery なしでこの問題を解決する方法はありますか?

DIVでフェードインアニメーションを実行する必要があるAScenrioがありますが、これは期待どおりに機能していませんでした。多くの実験の結果、divの1つにcssクラスの「overflow：hidden」が適用されていることがわかりました。「overflow：hidden」の部分にコメントすると、アニメーションは完璧に機能しているようです。問題は解決しましたが、「overflow：hidden」が不透明度アニメーションで機能しないかどうかという質問が頭に残っています。あなたの熟読のために、ここにコードがあります。

マイブラウザChrome15.0.XXX.XマイOSWindowsXP

ここでプラグインのデモを使用して、トランジションのあるアニメーションをいくつか実行していますhttp://www.binpress.com/app/demo/app/145

ただし、同じ要素で複数のトランジションを使用しています。

基本的に、中心点の周りにサテライト オブジェクトとして機能する 5 つの円を含むアニメーションがあります。中心点には小さな矢印があり、任意のサテライト ポイントにカーソルを合わせると、このプラグインを使用してホバーされているサテライト サークルに変換されます。

これが私がやっていることの例です。

これに関する問題は、最初のアニメーションの後、後続のホバーが要素を回転させないことです。したがって、何らかの形のリセットを行う必要があると想定しています.jQueryで .stop() を見ていましたが、ほとんど役に立ちませんでした。

誰かが私のためにこれに光を当てていますか?

新しい css アニメーション機能を使用して、css のみの画像クロスフェードを実行できると確信しています。私の要件は、javascript なしで任意の数の画像に対して機能することです。

誰もそれがどのように行われたか知っていますか?

私がどのように始めているか：

次に、すべての画像が互いに重なり合うように設定され、最初の画像が表示されます。

では、各画像をどのように処理すればよいでしょうか。

編集：不可能に思えます。JavaScript が必要です。

私はCSS3アニメーションにかなり慣れていないので、これは私にとって難しいものです. ユーザーにバーを認識させるために、ウェブサイトのトップバーに一種の反射効果を作成しようとしています。

だから私は実際に反射がバーの左から右にかなり速く、緩和してさまようことを望んでいます。

しかし、私には 2 つの問題があります… 1.) なぜこの思考が、background-size:cover;またはbackground-size:100% 100%? ピクセル幅を指定するとうまくいきますが、バー自体は常に 100% 幅であるため、常に 100% にしたいだけです。

2.) どうすれば 3 秒ほど一時停止できるのかわかりません。そのため、ページが読み込まれると反射効果が開始され、3 秒間一時停止してから繰り返されます。

これは可能ですか？

デモ http://jsfiddle.net/7Akwf/

誰かが私を助けてくれますか？