css-animations

1熱

1答えて

jQueryとCSS3の新機能です。私は、次のHTMLは次のようになりする必要があります。私を助けてください。 <pre> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="progress"> <div class="barOv

3熱

1答えて

アニメーションキーフレーム用scss関数

コードをあまり書き込まずに@keyframes CSSアニメーションを書くのが簡単な再使用可能な盛り上がり関数を使用したいと思いますが、特に数学部分。私は、この背景画像が25個のフレームで構成され、このCSS height: 100vh; width: 8000px; 有する単一の背景画像を含むDIVを有します。各フレームの幅は320ピクセルです。アニメーションが320PXの倍数ですべて

3熱

5答えて

2つの 'div'間のアニメーション中に空きスペースがあるのはなぜですか？

誰かがアニメーション中にそれらの間の空白を削除するのを助けることができますか？ divをもう1つ追加して両方のdivを1つにする必要がありますか？私がdivアニメーションを調整するためにポジショントップを使用することを選択したのは、問題を引き起こしていることです。もしあれば、このアニメーションを行うより良い方法を提案してください。 <!DOCTYPE HTML> <html>

0熱

1答えて

は、私は現在、以下のコードを持っているが、これを評価するオブジェクトが（ない</p> <p>が未定義得続ける、未定義のネイティブアニメーションオブジェクトエラー

私はボタンが押されたとき、右にスライドするビューをアニメーション化しようとしていない反応します。 state.panelPos）エラーです。私はコードに何が間違っているのか理解していません。助言がありますか？ constructor(props){ super(props) this.state = { initialLife : 200, panelP

0熱

2答えて

現在、オープンソースのコードを使用してJavaスクリプト

現在、私が実行しているCSSベースのken burn effectを使用して表示しているCSSアニメーションの背景画像を取得する方法https://codepen.io/anon/pen/VzYRWV 私は、テキストボックスに表示なっている現在の画像を取得する方法を知っていただきたいと思います上記のデモに示されています。ご協力ありがとうございます。

0熱

2答えて

CSSキーフレームをアニメーション化して初期状態に戻す

私はSOの回答（question 1、question 2、question 2）を見てきましたが、まだ私のアニメーションが正しく動作するようにはできません。最初はきれいにアニメートする単純なキーフレームを持っていますが、animation-direction: reverseを使用するhidden classを切り替えると、要素をキーフレームの初期状態に戻すことができなくなります。私はショーの

2熱

2答えて

CSS Textアニメーションの時間延長を5秒ごとに更新

CSSを使用してジャンプするテキストアニメーションを作成しました。うまくいきましたが、そのアニメーションのいくつかのタイミングの変更を更新したいと思います。現在、アニメーションは無期限に1秒ごとに発生します。しかし、私はこのアニメーションをすべて無制限で5秒に更新したいと思います。 DEMO div.dancingtext { font-size: 30px; widt

0熱

3答えて

CSSのみアニメーションが正常に動作しない

ボックスシャドウを使用してアニメーションを試しました。赤色のボックスシャドウが前後に2回繰り返されていることに注意してください。私はそれがアニメーション方向：代替プロパティまたは間違ったボックスシャドウプロパティのために起こるかどうか疑います。私が間違っていることを私に教えてください。あなたが私の質問を理解したいと思っています。 .loader{ height:20px;