css-animations

    104

    6答えて

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

    7

    1答えて

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

    9

    1答えて

    IE3ではCSS3アニメーションが機能しません。ここにはjfiddle linkがあります。 IE上で動作させることは可能でしょうか、まったく間違っていますか?ここでは動作しないコードされています @-ms-keyframes rotating { 0% { -ms-transform: rotate(0deg); } 100% { -ms-transform: rotate(

    11

    2答えて

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

    6

    2答えて

    sは、CSSトランジションまたはアニメーションの時間値に使用できる唯一の単位です。スペックでそれについて何も見つかりません。あなたはミリ秒を使用することができます

    5

    1答えて

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

    5

    1答えて

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

    6

    2答えて

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

    6

    2答えて

    私はAnimate.CSSを使用していますが、画像が画面からはみ出るように「ヒンジ」効果を使用しています。画面外に出ると、ページに垂直スクロールバーが追加されます。スクロールすると何も表示されません。このスクロールバーが追加されているのはなぜですか?また、スクロールバーが追加されないようにするには ありがとうございます! コード: HTML <img id="animate" class="fea

    22

    2答えて

    私はFirefoxで動作している小さなアニメーションを持っていますが、Webkitブラウザでは動作しません。たぶん、誰かが私が1時間探してきた間違いを見ているかもしれません...それはプレゼンテーションに似たimpress.jsプレゼンテーションの一部です。 ありがとう! CSS: #its.step.present h5{ display: inline-block; position:a