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

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

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

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

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

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

CSSを使用してグラデーションアニメーションを作成する方法

複数の色のグラデーションを滑らかに動かしたいのですが、問題はアニメーションが滑らかではないことです。ステップごとに位置が変わるだけです。 <スタイル>.animated{幅:300px;高さ:300px;ボーダー:1pxsolidblack;アニメーション:gra5sinfinite;アニメーションの方向:逆;-webkit-animation:gra5sinfinite;-web

P粉909476457 2023-09-18 09:47:10 0  2  769

グリッド レイアウトの展開をアニメーション化するにはどうすればよいですか?

グリッド レイアウトの展開をアニメーション化する方法を知りたいです。コードからわかるように、4 つの div があります。そのうちの 2 つは表示され、残りの 2 つはチェックボックスが選択されている場合にのみ表示されます。チェックボックスをオンにすると、div3 と div4 を含む別の行が追加されます。拡張機能をアニメーション化するにはどうすればよいですか?グリッドのサイズを小さくしておくことをお勧めします。アニメーションが（存在しない）マージンに影響を与えたくないのです。これもJavaScriptを使わずにやりたいと思っています。出来ますか？ <!DOCTYPEhtml>&l...

P粉937382230 2023-08-31 21:09:37 0  1  517

angular.js - CSS アニメーションが終了した後にクリーンアップを行うにはどうすればよいですか?

angularjs でアニメーションを学習する場合、基本的な方法は、ng-enter、ng-enter-active などのアニメーションを制御するいくつかのクラスを追加することです。しかし、アニメーションが終わった後にこれらを削除する方法がわかりません。 {コード...} この利点は、アニメーションを開始するためのスイッチとして ng-enter を使用できることだと思います...

phpcn_u1582 2017-05-15 16:58:47 0  1  571

CSS連続アニメーション

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

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

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

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

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

テーパーグラデーションアニメーションのスムーズな色の遷移を実現するにはどうすればよいですか?

先細りのグラデーションをアニメーション化していますが、色の変化が十分に滑らかではありません。さまざまな記事を参照しましたが、正しく再現できません。コードはここにあります: <style>body{min-height:100vh;display: flex ;align-items:center;justify-content:center;}.pyramid{width:500px;height:500px;background-image:coni

P粉285587590 2023-09-01 16:37:22 0  1  529

object-c - iOS アニメーションが実行中です。バックグラウンドを終了してフォアグラウンドに入ると、アニメーションが消えます。

iOS アニメーションが実行されると、バックグラウンドから抜けてフォアグラウンドに入ります。アニメーションは [UIView beginAnimations:nil context:nil]; を使用して実装されます。このメソッドは次のとおりです。同様の質問に遭遇した人はいますか?

漂亮男人 2017-05-02 09:32:04 0  1  718

アニメーション コンテンツの表示と非表示: トランジション効果を備えた HTML ページの作成

ページめくりのアニメーションを使用して、本の形でコンテンツを表示する Web サイトを作成しようとしています。各「ページ」のコンテンツに対してアニメーション化するさまざまな SVG 画像がありますが、これを行う方法がわかりません。基本的に、「ページ」ごとに HTML ファイルを作成せずに、コンテンツを希望どおりに表示または非表示にする方法はありますか?順序は少し重要です。Google に私のサイトをランダムな場所にリンクさせたくないのです。ありがとう！カルーセルを考えていますが、スライドショーはページ全体であり、アニメーションコンテンツ、アニメーショントランジションをサポートしており、テキスト...

P粉674757114 2023-09-10 17:41:45 0  1  692

javascript - 奇妙な問題が見つかりました。タブを閉じると、作成した CSS アニメーションが自動的に一時停止されました。

奇妙な問題が見つかりました。私が作成した CSS アニメーションは、タブを閉じると自動的に一時停止し、タブを展開すると再生し続けます。動きの効果を出すために背景画像を動かして使っているのですが、これと関係があるのでしょうか？

给我你的怀抱 2017-06-30 09:52:30 0  1  876

JavaScript - モバイルCSSアニメーションの再生状態の一時停止がiOSでは機能しませんanimation-play-state

モバイル CSS アニメーションの再生状態の一時停止が、iOS では機能しません anime-play-state 画像をクリックして停止し、画像をクリックして回転を続けたいと考えています。これは Android スマートフォンでは実現できますが、iOS では、画像を初めてクリックすると、静止した動きはせずに回転し続けます。代わりに、2 回目にクリックすると...

给我你的怀抱 2017-06-26 10:53:05 0  1  1263

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

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

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

Vueの読み込みアニメーションを実装し、同時にURLから画像を読み込みます

画像を読み込んだときに読み込みアニメーションを表示したいのですが、実装方法がわかりません。デバッグしてコンソールに「true」と「false」を出力しましたが、ロードアニメーションは表示されませんでした。 //// エラー {{currentCountKing}} / {{ALL_FILMS.length-1}} {{firstFilm.title}} {{secondFilm.title}} エラー

P粉021854777 2023-08-03 18:04:16 0  1  652

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

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

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

JavaScript - 時間に応じてコンポーネントを回転 (アニメーション) させるにはどうすればよいですか?

アニメーションのようにコンポーネントを画面上で回転させる方法はありますか? Autodesk Forge WeChat ディスカッション グループ – pochao 質問する

phpcn_u1582 2017-05-19 10:09:55 0  1  589

選択イベントが変化すると、CSS アニメーションが対応する効果をトリガーします。

私は React アプリを作ろうとしています。現在、いくつかのポケモンが入った選択入力ボックスがあります。私がしなければならないことは、選択が変更される (つまり、ポケモンが変更される) たびに、ポケモンのスプライトが少し揺れるアニメーションを実行することです。現在、変更されるスプライトと、選択値が変更されたときに再生されるオーディオだけがあります。この機能を実装するにはどうすればよいですか? onChange と styled-components を使用してスタイルを変更しようとしましたが、動作させることができません。アニメーションはページの読み込み時にのみ起動します。これは私の現在のコー...

P粉200138510 2024-04-01 09:16:28 0  1  572

html5 - Canvas テクノロジーを使用して上下にジャンプする楽譜を作成する方法

キャンバス テクノロジーを使用して上下にジャンプする楽譜を作成する方法についてお聞きしたいのですが、この画像に似た、単純に上下にジャンプするエフェクトが付いています。

PHPz 2017-05-16 13:21:58 0  1  785

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

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

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

JavaScript - CSS アニメーションに関する問題は何ですか?

リフローと再ペイントに関する記事 http://blog.csdn.net/ClaireKe... を読みました。いくつか疑問があります: 1. ブラウザのメカニズムでは、更新操作にはリフローと再描画が含まれる必要がありますか? 2. ページに `div { {code... などの CSS アニメーションが含まれている場合

为情所困 2017-05-18 10:49:05 0  1  704