css-animations

7熱

1答えて

背景画像をアニメーションの途切れなく連続して水平方向に連続してスクロールする方法はありますか？

私はcss3アニメーションで横方向に無限にスクロールするバナーを作ろうとしています。問題は、アニメーションが終了した後、アニメーションが再開したときに、アニメーションがひどく切れてしまうことです。私はその厳しいアニメーションを防ぐ方法を見つけようとしています。 私はここに自分のコードを入れました。 @keyframes slideleft { from{background-position

html css css3 css-animations 2015-09-04

---

7熱

3答えて

CSSアニメーションを使用してSVGの円の半径をリサイズ

CSSを使ってSVGサークルの半径属性をアニメーション化しようとしています。一方、Firefox Inspect Elementツールを使用すると、アニメーション自体がセットアップされ、正しく実行されていることがわかります。「。innerCircle」のサイズは目に見えて変わりません。 明らかに欠席しているものを見つけたり、何らかの方法で助けてくれたら、私は大いに感謝しています。私はむしろこれに新

html css svg css-animations 2015-09-05

---

13熱

1答えて

最後のキーフレームの後にCSSアニメーションが消えないようにします

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

css3 css-animations 2013-11-28

---

5熱

1答えて

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

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

html css html5 css3 css-animations 2015-01-08

---

5熱

1答えて

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

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

css3 sass css-animations 2013-12-10

---

8熱

1答えて

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

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

performance css3 animation css-transitions css-animations 2013-10-25

---

8熱

1答えて

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

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

css3 firefox animation css-transforms css-animations 2013-12-16

---

7熱

3答えて

CSSアニメーション - 元の位置への位置

今日はCSSアニメーションで遊んでみたいです。 私の基本的なアイデアは4つの円を作成してから、ユーザーがその円をクリックするとページの中心に移動してから別の形になるはずです。 私は、変換プロパティとアニメーションプロパティを使用しました。 これは今まで書いたコードです。 $(".circle").click(function(){ if($(this).hasClass('cente

css css3 css-transitions css-animations 2015-09-26

---

5熱

1答えて

CSSのアニメーションを、より長くホバリングしなくても簡単に戻せるようにする方法

私の例では、"Bob" by Ian Lunnを使用しています。ホバリング効果は本当に好きですが、ホバリングをやめるとすぐに元の位置に戻ります。どのように私はそれを通常の位置に私のdivを簡単にすることができますか？ アニメーションCSS： animation-name: hvr-bob-float, hvr-bob; animation-duration: .3s, 1.5s; animat

css css3 css-animations 2015-10-02

---

6熱

2答えて

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

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

javascript angularjs css-animations ng-animate angularjs-ng-include 2013-11-14

---