css-animations

6熱

2答えて

animationプロパティがCSSの::selectionセレクタで機能しないのはなぜですか？ Demo Page /* Basic test case: */ body{ color:blue; } @keyframes slc{ 50%{ color:red; } } @-webkit-keyframes slc{ 50%{ color:red;; } }

8熱

2答えて

CSSアニメーションフレームレートを変更する

ローディングホイールのアニメーションGIFを置き換えるCSSアニメーションを見る。は、ここに基本的な例私はサイクルあたりわずか12フレームがあるように、フレームレートを変更したいhttp://jsfiddle.net/kFmY8/448/ #me { -webkit-animation: rotation 2s infinite linear; } @-webkit-keyfra

6熱

2答えて

CSSグローアニメーションキーフレームは、Chromeで動作しますが、ないのiOSのSafari

これはSafariのChromeでなく、働く理由を任意のアイデア？ http://jsfiddle.net/tTxMV/ CSS： @-webkit-keyframes glow { 0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; }

104熱

6答えて

CSS3スピンアニメーション

私はかなりのデモを見直して、なぜCSS3スピンを機能させることができないのか分かりません。私は最新のChromeの安定版を使用しています。フィドル： http://jsfiddle.net/9Ryvs/1/ div { margin: 20px; width: 100px; height: 100px; background: #f00;

7熱

1答えて

CSS複数のアニメーションを単一の要素に、JavaScriptなし

CSSのみを使用し、JavaScriptを使用せずに画像スライドショーを作成しようとしています。私はここでALMOST作業例を持っている： http://codepen.io/k/pen/Dkhei。問題は、「前の」機能のアニメーションが、その要素の上にホバリングするのをやめたときに一時停止しないということです。は、私は、そのクラス名「imageContainer」である単一の要素、上の2つ

6熱

2答えて

キーフレームアニメーションが同期していません

サーバからではなく、ローカルファイルシステムで正しく動作します。何らかの理由で同期が外れています。助けてくれてありがとう。 WebKitのプレフィックスが付いたベンダーのみ。クローム26.Demoでテスト：http://cssdesk.com/jjqKK HTML： <ul class="slides"> <li><img src="http://placehold.it/200x100

5熱

1答えて

CSSアニメーションを10秒ごとに再生する方法

私はCSSアニメーションを持っています。これは無限に、または特定の時間だけ繰り返されます。 5秒ごとに2回演奏したいと思っています。ここは私のコードです： #countText{ -webkit-animation-name: color2; -webkit-animation-duration: 1s; -webkit-animation-iteration-co

11熱

2答えて

CSS3で背景画像を回転させる

私は、右向きの矢印を持つ背景画像を持っています。ユーザーがボタンをクリックすると、選択された状態は、矢印を（画像スプライトの異なる背景位置を使用して）下に向けて変更します。 CSS3を使ってこれをアニメーション化するには、ボタンをクリックしてjQueryが「選択された」クラスを割り当てたら、右から下にアニメーション（わずか90度）で回転しますか？（右の矢印のある単一の画像/位置を使用することをお

5熱

1答えて

アニメーション塗りつぶしモードが動作しない

あなたがマウスを動かすとその中で飛ぶためのヘッダーを取得しようとしていますが、それはシェイクしなければなりません（両方ともcss3アニメーションで）。それは私が望むやり方でも揺れますが、iveが要素からマウスを削除した後、元のマージン - 右（それはflyinアニメーションの前にあります）に戻ります。-animation-fill-mode：forwards ; chromedevtoolsを見る

5熱

1答えて

CSSアニメーションはJavaScript関数を実行するときに

だが、私はこのjavascript関数があるとしましょう失速します。上記のjavascript関数を実行すると、関数が実行されている間にスピンナーが停止します。私が何を言おうとしているのを見てくださいhereを参照してください。基本的に、JavaScriptはCSSのアニメーションを停止し、私はなぜ、または誰かがこれに気づいている/回避策が見つかりました。私はsetTimeout（fn、0）に入