css-animations

0熱

1答えて

分度器連鎖約束によるAngularJSテスト - アニメーションが完了するのを待つ方法？

私は現在、私の会社が開発したAngularJSアプリケーションの自動テスト・スイートを開発しています。私はすでに&が期待通りに失敗/合格&を実行しているテストケースの数を開発して設計しました。しかし、私は現在開発していますテストして、私は約束を連鎖するとき、問題に遭遇しているように見える、とそれを解決することができません...それが立つように、テストスクリプトは次のとおりです。 it('shou

0熱

1答えて

IEのキーフレームのバックラウンドアニメーションに関する問題がある

IEのキーフレームの背景アニメーションにはいくつか問題があります。私はいくつかの画像を取得して、ページの読み込み時に画面外の位置にスライドさせようとしています。このコードはChromeでうまく機能しますが、IEではアニメーションが表示されません。ここでは、アニメーションのための私のコードです： @keyframes slideUp { from { background-positio

1熱

1答えて

CSS予期しない文字「手順」

だから私は、「）（ステップ」関数を作るために私のWebページ上のアニメーションの仕事をしようとしてきたが、私はエラーに「予期しない文字（複数可）、」得続けますステップが見つかりました私はGoogleを検索しましたが、これについて議論するページはありませんでした。私が続くサイトでは、あなたがCSSで間違った選択を与えているthis .container.main.tagline {

1熱

1答えて

@keyframesアニメーション（回転）と：ホバー（スケール）

@keyframesに基づいてcombinig CSSアニメーションに問題があります：回転効果：ホバー効果（スケール） - 誰かの助けが必要です。 'm新人 - それは明らかです）。アニメーション背景を作成したいと思います。 1.小さな記号/文字/アイコン（何でも）が動いています（そのうちのいくつかは回転しています。 Y軸） 2：ホバーするとき：彼らはまた成長している（しかし、まだ動いている）。

2熱

1答えて

は、私は次のキーフレームアニメーションを持ってjQueryの

を使用してCSSアニメーションを変更し、 @-webkit-keyframes rotate { from { -webkit-transform: rotateY(0); -moz-transform: rotateY(0); transform: rotateY(0); } to { -webkit-transform:

2熱

1答えて

Y軸上のCSSの翻訳と拡大縮小？

私はCSSを学習するオンラインコースを取っています。私たちはCSSアニメーションだけを扱っています。私は、道に沿ってスクリーンに向かって歩く男の小さなアニメーションを作成することによって、私が学んだことのいくつかを練習しようとしています。基本的には、同時に画像を翻訳して拡大縮小したいと思います。私はこれをうまく動かすことができましたが、今では人が少し左右に動いているように、小さな回転を追加したか

0熱

1答えて

CSSトランジションを使用して同じ方向から見た遷移コンテンツ

2つの「ページ」のうちの1つ、つまり<divs>を穏やかな遷移で表示すると、他のページがスライドしている間にスライドするページが見えます。私の最終的なアプリケーションでは、移行は私のバックエンドから（おそらくWebSocketメッセージで）起動されます。ページを左からスライドし、効果を 'ループ'させたいと思います。つまり、最初のページに戻ると、それはまだ左からスライドします。以下のスニペット

2熱

1答えて

CSSが徐々に動くdivの背景の変更？

私は何を達成しようとしていることはこれです：コイン（リング）スロットに沈みます。最初は青です。赤い背景に入ると白くなります。それがスロットに達するとき - それは徐々に消えています。、これは私がこれまでに出ているものです： .circle { transition: all 1s ease; width: 200px; height: 200px; bo

7熱

1答えて

CSSアニメーション中に背景画像のサイズを変更せずにちらつきを取り除く

私は<div>をスライドショー画像コンテナとして使用しています。容器内に表示される画像は、異なるサイズであり、そのよう背景画像ではなく、容器内部<img>要素として適用される：必要に応じて、メディアは照会を介してIは画像のセットを交換することができる背景私はbackground-size:coverとbackground-clip:content-boxを有するスライドショー効果を生成するよ

1熱

1答えて

キーフレームとアニメーションをスライドさせて表示します。

私はkeyframesとdisplay: none;を使ってスライドダウンアニメーションでこのフィドルを見つけました。それは完全に動作します。どのように私は同じアニメーションを作ることができますが、スライドアウトとして、コンテナが消えたら？この現存するフィドルで何を変えなければなりませんか：https://jsfiddle.net/simurai/A9kWm/？現時点ではアニメーションは表示されま