javascript - jqueryのアニメーションのbackground-position-yはIE上で毎回0から始まります

http://jsbin.com/yolexeqidu/1... IE9以降ではjqueryのアニメーションのbackground-position-yが毎回0から始まりますが、IE8以下ではChromeやFirefoxではこの現象は発生しません。アニメーション効果が次々とジャンプしていきます コードは次のとおりです {code...}

迷茫 2017-05-19 10:32:46 0  1  658

Javascript Html CSS ロード時の数値カウンター アニメーション プリローダー ウィンドウ

自分のポートフォリオ Web サイトでナンバーカウンターのアニメーションを作成したいと考えています。私の古いWebサイトには、完全にロードされたときにプリローダーからWebサイトに移行するjqueryコードがいくつかあります。 <script>$(window).on('load',()=>{$('#preloader').fadeOut(1800,function(){$(this).remove();});}); </script>数字カウンターのアニメーションを追加し、側面の向きを追加する方法

P粉523625080 2023-09-11 22:37:54 0  1  649

後続のクラスが要素に追加されるたびに CSS アニメーションを実行する方法

要素をアニメーション化できるように CSS アニメーション クラスを設定しました。入力ボタンがクリックされるとこのクラスが追加され、例の入力ボタンがクリックされるたびに画面に飛ぶようにしたいです。ただし、これは初回のみ機能し、それ以降の入力クリックでは要素はアニメーション化されません。ここで何が足りないのでしょうか？ $(document).ready(function(){jQuery('#cloc').click(function(){jQuery('p').removeClass('anim

P粉714780768 2023-09-09 22:36:42 0  1  547

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Tailwind CSS の React ドロワーコンポーネントの閉じるアニメーションの問題を解決する方法

私の React プロジェクトでは、tailwindCSS も使用し、メニューのアイコンをクリックした後にドロワーを開く機能を実装しました。問題は、私の実装では終了アニメーションが失われることです (開始アニメーションは通常のままです)。このコンポーネントを見てみましょう: importReact,{useState}from'react';import{Link}from"react-router-dom";import{PlusCircleIcon}from&quot;

P粉545682500 2023-08-13 10:44:01 0  1  580

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

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

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

React とインライン CSS を使用した Apple アニメーションの問題

HTML と CSS、インライン スタイルと TypeScript を使用して、React でこのアニメーションを再作成しようとしています。スタイル情報を含むオブジェクトを作成し、それを style 属性で参照しています。以下はコードです。動作しません。何が間違っているのかわかりません。スタイルが正しく定義および参照されていないのではないかと思います。これは私が書き直そうとしている元の Codepen の例です: Apple アニメーション これは私のコードです importReactfrom'react';conststyles={'@keyframesshow

P粉729436537 2024-01-10 17:08:30 0  1  331

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

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

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

jqueryの幅の切り替えアニメーションを途中で停止して再び閉じるようにするにはどうすればよいですか?

この質問はわかりにくいかもしれませんが、例を挙げてみましょう。幅を切り替えるボタンをクリックすると、ボタンを押した後も div がアニメーションし続けます。これは驚くべきものではありません。私が望むのは、div が途中で停止して別の方向に進み、ボタンがもう一度押されたときに既存のアニメーションを完了しないことです。 $(document).ready(function(){$('.menuToggle').click(function(){$(".menuContainer").anim

P粉238355860 2024-03-19 23:49:40 0  2  373

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

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

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

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

モーダルの「×」ボタンをクリックしたときにアニメーションが発生するようにしたいのですが、現在起こっていることは、モーダルがクリックされずにモーダルが閉じてから、再度モーダルを開くと、何もクリックせずにアニメーションが発生するという状況が発生することです。これは私の現在のアニメーション クラス コードです: .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  456

javascript - css3 を呼び出す js のアニメーション インターフェイス ドキュメントはどこで見ることができますか?

見つからなかった。 。 css3 を呼び出す js のアニメーション インターフェイスのドキュメントはどこで参照できますか?

怪我咯 2017-06-26 10:50:43 0  3  954

アニメーション化されたテキストの下線を作成する: ステップバイステップのガイド

このページの最初の例と同様に、<a> タグ要素にホバー時に下線をアニメーション化させようとしています。チュートリアルはあるのに、私がやっていることがうまくいかず、その理由がわからないので、この質問をするのはほとんど愚かに思えます。これは私の CSS コンテンツです #about-text-boxa{text-decoration:none;font-size:17pt;font-family:'Silkscreen',cursive;color:#ECE0E7;te

P粉366946380 2024-02-03 20:00:08 0  1  376

JavaScript - 現在のページから切り替えた後、このページの JS アニメーションは一時停止されますか?

現在のページを切り替えると、そのページの js アニメーションが一時停止されます。この問題を解決するにはどうすればよいですか?一時停止できません。 ！ ！

高洛峰 2017-07-05 10:46:38 0  1  938

並べ替えアニメーションのコンテンツは、HTML にハードコーディングするのではなく、バックグラウンドで動的に追加できますか?

並べ替えアニメーションのコンテンツは、HTML にハードコーディングするのではなく、バックグラウンドで動的に追加できますか?これはコースのどのセクションで後で紹介されますか?

P粉301974093 2023-06-18 15:21:24 0  0  1786

JavaScript - アニメーションの表示と非表示を切り替えるための良い解決策はありますか?

例: このアニメーションと同じ効果になります 最初に div が非表示になりますが、ボタンをクリックすると表示されてアニメーション効果がかかります 非表示にしても同様ですしかし、明らかに複雑に書きすぎました。もっと簡単な解決策 (サードパーティのライブラリを使用しない) はありますか?

阿神 2017-06-30 09:59:55 0  5  1038