css-animations

13熱

1答えて

シンプルなCSSアニメーションを再生してから、最後のフレームを完全に表示して停止します。しかし現在、現時点では、それはフレーム1に戻り、サントラの顔が消えるように見える。私は一度再生して最後のキーフレームで停止するか、画像が再びフェードアウトすることなく表示できますか？ http://jsfiddle.net/uy25Y/ <img class="santaface" src="http://i

5熱

2答えて

CSS3アニメーション - 滑らかな無限サイクル

私は、divが時間とともに色を変える小さな背景アニメーションを作った。スムーズに動作しますが、100％になると、遷移なしで0％にまっすぐジャンプします。私はgoogleで検索し、アニメーションを行うさまざまな方法を試しましたが、アニメーションの場合は流体を再起動できませんでした。私には何が欠けていますか？ -webkit-animation: pulsate 20s infinite; a

5熱

1答えて

ストップモーションアニメーションCSS

私は実行中のネコのストップモーションアニメーションを作成しています。私は既にすべてのスライドを用意しています。しかし、正常に動作していないよう： div { animation: run 1s steps(10) infinite; -webkit-animation: run 1s steps(10) infinite; background: url(

5熱

1答えて

SASSを使用してCSS3キーフレームステップを動的に生成するにはどうすればよいですか？

私は、各ステップでtopを1ピクセルずつ増やす100ステップのキーフレームアニメーションを持っているとします。そのようなCSSを生成するためには、プログラムを使用するのが理にかなっています。 @keyframes animation { 0% {top:0px;} 1% {top:1px;} 2% {top:2px;} ... 99% {top:

8熱

1答えて

CSS3のキーフレームアニメーションを一度実行するには、トリガされたときだけですか？

アイテムをポイントAからポイントBに移動するだけではなく、ちょっとだけ、HTML5アニメーションを実装したいと思います。そのため、移行ではなくキーフレームの使用を検討しています。しかし、アニメーションを一度だけ実行し、トリガされたときにのみ実行します。問題は2倍です。 1）アニメーションが終了すると、アイテムは開始位置に戻ります。さらに通知するまで、それを終了位置にとどめる方法はありますか？ 2

8熱

1答えて

クロスブラウザCSS3キーフレームアニメーションFirefox

CSS3とキーフレームを使用して、再生ボタン（アンカータグ）に簡単な「脈動」効果があります。 ChromeとSafariでは問題なく動作しますが、Firefoxでは動作していないようです。なぜ誰かがアイデアを持っていますか？ li > a { -webkit-animation: pulsate 3s ease-in-out; -moz-animation: pulsate

12熱

3答えて

遅いjQueryアニメーションが途切れているのはなぜですか？

私はこの問題を苦労しています。私が見つけることができるのは、高速であるがゆっくりと動作しているアニメーションです。私の質問は、長時間アニメーションをしたいが、やはりスムーズにしたいアニメーションに関するものです。私はこの問題を示すために、このjsfiddleを作成しました：http://jsfiddle.net/93Bqx/ 私は要素がゆっくり時間をかけて別の位置に移動しようとしています。しかし

10熱

1答えて

現在の@keyframes％/変更キーフレームの取得/設定

javascript、jQueryなどの手段を使用して、CSS3 @keyframesアニメーションの現在のアニメーションパーセンテージを取得/設定できますか？というと.spinと呼ばれるクラスがあり、単にspinと呼ばれるキーフレームを使用して円で回転しているとします。私はまた、オリジナルのアニメーションを変更することに興味が空を$('.spin').css('animation')、$('

6熱

2答えて

icomoonフォントを既存のicomoonフォントに更新するには？

フォントを既存のフォントに更新する icomoonからダウンロードした私たちのウェブサイトにはすでに5つのicomoonフォントが使用されています。私は2つのフォントを追加したい。私は何をすべきか？既存のフォントに新しい2つのフォントを追加できますか？「はい」の場合は、どうすれば追加できますか？

6熱

2答えて

ダイナミックソースでng-includeにアニメーションを残す

ダイナミックURLに基づいてコンテンツをロードしているng-includeがあります（期待通りに動作しています）。私は（角ドキュメントによると、これらは上のアニメーションを提供-含まngの二つの事象です）コンテンツのenterとleaveをアニメーション化しようとしているとき <ng-include class="my-content-area" src="templateUrl"></ng-