CSS アニメーション名の具体的な意味は、アニメーションの塗りつぶしモードを指します。

最近、CSS を使用して、特定のクラスの不透明度が 0% から 100% になるアニメーションを作成してみました。しかし、class="bar" のアニメーションでいくつかの問題が発生しました。 anime-fill-mode はタイトル アニメーション (不透明度を変更します) だけでなく、バ​​ー アニメーションにも適用されることがわかります。アニメーションフィルモードにアニメーション名を指定する方法はありますか?作成に使用したコードは次のとおりです。 @keyframestitle{から{-私たち

P粉441076405 2023-09-13 10:16:28 0  1  562

jqueryでアニメーションを停止する方法

ボックスを右に移動させるにはturnRightメソッドを実行し、ボックスを左に移動させるにはturnLeftメソッドを実行します。デフォルトではボックスは右側にあります。 {コード...}turnRightメソッドとanimateアニメーションメソッドに、console.log("end")を実行するコールバック関数を追加しました。ここで質問があります...

某草草 2017-05-16 13:43:21 0  3  581

svgアニメーションとcss3アニメーションの長所と短所は何ですか?

RT、トランジション アニメーション効果はどのような状況で、どのソリューションに適していますか?

曾经蜡笔没有小新 2017-05-16 13:21:17 0  1  665

javascript - jq の 1 つのメソッドとアニメーション化されたイベントに関する質問

{コード...} 連続アニメーション イベントを記述し、イベント リスナーを追加します。このアニメーションが実行された後、クラスを追加することで次のアニメーションが実行されます。ここでの問題は、アニメーションの実行が完了した後に最初のフリップ イベント リスナーのみがトリガーされ、後続のイベント リスナーはアニメーションの実行が開始されるときにトリガーされることです。

某草草 2017-06-28 09:24:27 0  1  618

CSS連続アニメーション

次の CSS コードがあります。問題は、アニメーションが希望どおりに動作するのですが、10 秒が経過するとリセットされてしまい、見苦しいことです。理想的には、再起動する代わりに画像をラップし、画像の左側がキャンバスから出たときに右側から戻ってくる無限アニメーションを実現したいと考えています。 @keyframesscrollRight{0%{背景の位置-x:30%;}100%{背景の位置-x:130%;}}.onrir{背景

P粉928591383 2024-03-20 12:30:42 0  1  495

javascript - ページの読み込みアニメーション効果が表示されない？

1. 現在取り組んでいるプロジェクトはデータ テーブル ページですが、バックグラウンド クエリに時間がかかるため、ユーザー エクスペリエンスを向上させるために、読み込みアニメーションが追加されています。アニメーションを読み込むためのプラグインには問題はありませんが、メソッドの実行中にアニメーション効果が存在しないことがわかります。 2. コードを直接貼り付けます。 jsを始めましょう...

迷茫 2017-05-19 10:18:28 0  4  715

リアクティブなモーダル スライド アニメーション

ReactとCSSでモーダルを実装しました。現在、モーダルを開くと、モーダルが下から上にスライドするスライドアップアニメーションを実装していますが、閉じるときにスワイプして下に移動したいのですが、方法がわかりません下にスワイプするアニメーションを正確に作成するために、誰か手伝ってくれませんか?コード=>import"./styles.css";importreact,{useState}from"react";exportdefault

P粉514458863 2023-08-30 22:49:29 0  1  581

CSS アニメーションを終了時に最終状態に保つ

CSS で opacity:0; に設定されているいくつかの要素でアニメーションを実行しています。キーフレームを使用してアニメーション クラスが onClick イベントに適用され、不透明度が 0 から 1 に変更されます (その他の変更もいくつかあります)。残念ながら、アニメーションが終了すると、要素は不透明度: 0 の状態に戻ります (Firefox と Chrome の両方)。私の直感では、アニメーション化された要素は最終状態に残り、元のプロパティがオーバーライドされると考えています。これは本当ではないでしょうか？そうでない場合、要素を最終状態に保つにはどうすればよいでしょうか?コード ...

P粉950128819 2023-08-20 18:36:55 0  2  670

スクロール進行アニメーション

スクロールの進行状況をアニメーション化する方法を知る必要があります。これは通常のスクロールの進行状況ではなく、何かが異なります。 Web サイトへのリンクと、探しているアニメーションが含まれる特定の部分のスクリーンショットを提供します。 https://todoist.com/これはウェブサイトへのリンクです。ウェブサイトのホームページの特定のセクションのスクリーンショットを添付しました。ページがスクロールされると、セクション内でスクロールが発生し、セクション自体もスクロールします。スクロールのそのセクションが完了したら、通常どおりスクロールを続けます。プログレスバーのスクロールに関するチュー...

P粉821808309 2024-03-29 19:36:49 0  1  430

CSS - アニメーションの色の変更の問題

これは初期のカラー値です。詳細についてはデモを参照してください。しかし、アニメーション効果を書いた後にカラー値が変わります。これはなぜですか?アニメーションのカラーを初期値のカラーと一致させるにはどうすればよいですか?

世界只因有你 2017-06-28 09:27:36 0  1  1244

JavaScript - 2 つのスワイパーがネストされており、外側のスワイパー アニメーションが初期化されると、アニメーション要素は非表示になり、表示されません。

初期状態：2ページ目にスライドしてから元に戻すと、アニメーション要素が表示され、アニメーションが正常に再生されます JSコード

我想大声告诉你 2017-05-19 10:32:28 0  1  791

JavaScript - トランジションの高さの自動トランジションアニメーション

1. 縮小時にアニメーション効果がないのはなぜですか? 2. コード {code...} 3. オンライン デモ (解決済み)

大家讲道理 2017-05-16 13:21:31 0  3  826

Vue.js で、ボタンをクリックしてアニメーションをランダムに生成します

3 つの Lottie プレーヤー JSON アニメーション ファイルがあります - congratulations1.json、congratulations2.json、congratulations3.json アニメーションは次のとおりです。 Congratulations 1: <lottie-playerv-if="showPlayer1" class="justify-content-center" src=" . ./../../

P粉722521204 2024-03-27 23:57:52 0  1  384

透明性とアニメーションを維持しながら、アニメーション SVG ファイルを Next.js 13 にインポートするにはどうすればよいですか?

Next.js13 にアニメーション SVG ファイルをインポートする importImagefrom"next/image";exportdefaultfunctionHome(){return(<mainclassName="flexh-screenflex-colitems-center"><divclassName="containermt-12flex"

P粉322106755 2024-03-27 13:38:40 0  1  497

レッスン 1 のアニメーションをページの中央に移動する方法

レッスン 1 のアニメーションをページの中央に移動する方法

闻人羽 2018-01-26 18:29:21 0  1  1405

ボタンがクリックされたときにこのアニメーション クラスをモーダルに追加するにはどうすればよいですか?

モーダルの「×」ボタンをクリックしたときにアニメーションが発生するようにしたいのですが、現在起こっていることは、モーダルがクリックされずにモーダルが閉じてから、再度モーダルを開くと、何もクリックせずにアニメーションが発生するという状況が発生することです。これは私の現在のアニメーション クラス コードです: .scale-out-center{-webkit-animation:scale-out-center0.3scubic-bezier(0.550,0.085,0.680,0.530)both;animation:scale-ou

P粉064448449 2024-03-30 22:05:19 0  1  481

javascript - jQuery の animate 関数は非同期実行とみなされますか?

{コード...} 上記のコードで move(1); mark2=false; という 2 つの文を実行すると、move 関数で animate アニメーション関数が使用されます。move 呼び出しは非同期ですか?つまりタスクキューに入れて実行すると、mark2=falseが先に実行されるのですが、これでよろしいでしょうか？

怪我咯 2017-06-26 10:51:31 0  2  908

css - CSSカルーセル切り替えアニメーション

図のように、JSで書いたアニメーションに過剰なエフェクトを設定するとこのような状況が発生しますが、JSではこの状況をどう変えることができるのでしょうか？ {コード...}

習慣沉默 2017-06-12 09:33:00 0  1  896

Lottie アニメーションが localhost サーバーには正しく読み込まれるのに、展開サーバーには正しく読み込まれないのはなぜですか?

問題は、すべての Lottie アニメーションがローカルホスト サーバーに読み込まれることですが、Web アプリがデプロイされると、アニメーションが読み込まれず、コンソールにいくつかのエラーが表示されることです。アニメーション ファイルは .json ファイルです。私のプロジェクトは次の jsReact プロジェクトです。 Lottie へのリンク: https://lottiefiles.com/ しかし、デプロイメントサーバー (vercel) を開くと、アニメーションのロードに失敗し、コンソールにいくつかのエラーが表示されます。この問題はどうすれば解決できますか?

P粉662614213 2024-03-29 12:05:35 0  2  486

javascript - jQueryの各関数トラバーサルとanimate関数を併用した場合の実行処理はどうなるのでしょうか？

{コード...} 理解できないのは、各ループを実行するときにアニメーションの実行に 500 ミリ秒かかるということですが、これはアニメーションの実行が終了してから、つまり 500 ミリ秒後に次のループが開始されるという意味ですか?それとも、アニメーションの実行が完了するまで待ってから、次のサイクルを実行しますか?

三叔 2017-06-30 10:00:02 0  2  956