JavaScript - フロントエンドマップアニメーション効果を実装する方法。

以下のエフェクトと同様に、アバターはルートに応じて移動できます。この種のアニメーションはこれまで見たことがありません。フロントエンドはどのように実装すればよいでしょうか?キャンバスか、それとも既成のフレームワークか？この効果を達成するにはどのようなアイデアを使用すればよいのか、まったくわかりません。 。 。

PHPz 2017-05-16 13:36:02 0  2  458

JavaScript - 高さ可変アニメーションを実装するにはどうすればよいですか?

高さを可変にして div の高さを変更するアニメーションを実装するにはどうすればよいですか? たとえば、最初に div が表示されます (なし)、ボタンをクリックすると表示され、高さが 0 から最大の高さまで徐々に変化します。部門Google からの答えは max-height を使用することですが、max-height の設定が不適切な場合は...

我想大声告诉你 2017-06-26 10:56:12 0  1  827

angular.js - ng-class および whirl.css プラグインを使用して、スタイルに中間アニメーションが表示されます。

読み込みページに whirl.css プラグインを使用すると、期待される遷移アニメーションの効果が表示されます。 実際の状況:

滿天的星座 2017-05-15 17:11:55 0  1  736

JavaScript - モバイルQQのいいね機能を実装するにはどうすればよいですか?

「いいね！」の後に数字が飛び交うアニメーションを実現するにはどうすればよいですか?

漂亮男人 2017-05-19 10:16:38 0  3  577

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

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

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

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

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

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

モバイル上のボタンがフォーカスまたはアクティブのままになり、CSS アニメーションで問題が発生する

ボタンをクリックするたびにアニメーションを実現しようとしていますが、デスクトップでは正常に動作しますが、モバイルでは同じ効果を実現できません。最初にボタンをクリックし、次に別の場所をクリックして CSS のフォーカスを解除し、次にボタンをもう一度クリックしてアニメーション効果を得る必要があります。以下はコードスニペットです。 .btn_container{color:#35f8ff;position:relative;display:inline-block;text-align:center;margin:2.5remauto

P粉043295337 2023-08-28 15:14:37 0  1  513

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

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

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

JavaScript - JS スクロール バーの実装アイデア

Vue2.0のスクロールバープラグインが見つからなかったので、JSでスクロールバーを実装したいと思い、インターネット上でスクロールバー実装用のJSプラグインをいくつか見つけました。スクロールバーコードを手動で書いたマスターはいますか?それとも関連するブログはありますか？コードは必要ありません。基本的な実装アイデアだけで十分です。

PHP中文网 2017-06-12 09:32:11 0  4  828

JavaScript - モバイル側でパーティションのスクロールを実装するにはどうすればよいですか?

モバイル端末のさまざまなエリアに独自のスクロールバーとリンクを持たせる方法を聞きたいのですが、メニューと対応する食べ物に独自のスクロールエリアを持たせ、右側の特定の位置にスライドしてリンクさせるにはどうすればよいですか?各パーティションをスクロールする方法を知っていますか? 自分で実装してみることもできますが、うまくいきません。

迷茫 2017-05-19 10:30:54 0  2  494

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

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

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

スクロール ホイールを使用するときにスムーズなスクロール アニメーションを実現する方法はありますか?

ページをスクロールするときに、スクロールホイールを使用したときの「飛び跳ねる」方法ではなく、スムーズに移動するようにしようとしています。私がこれに関連して見たソースのほとんどは、react-scroll が提供するもののように、ボタンまたはリンクをクリックしたときのスムーズなスクロールを伴いますが、私は特にホイール スクロールのスムーズな効果を実現したいと考えています。 MaterialUI テーマを通じてこれを実現する方法はありますか、それともこれに役立つ React パッケージはありますか?

P粉118698740 2023-08-16 16:40:27 0  1  597

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

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

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

JavaScript - スワイパーの左右スライドをネストした上下スライドを実装する方法

水平方向に切り替わる 4 つのページは、それぞれ上下のスライドでネストされています。

学习ing 2017-06-27 09:19:46 0  1  1037

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

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

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

1 色で描かれたテキストからアニメーション化されたグラデーションにスムーズに移行することは可能ですか?

ページ上に白いテキストがあり、その下にボタンがあります。さらに、アニメーション化されたグラデーションがテキストを埋めるために適用されます。ボタンをクリックすると、-webkit-text-fill-color プロパティが透明になり、テキストの色がグラデーションに合わせて突然変わります。次のように: https://codepen.io/hvyjhqnt-the-vuer/pen/poQdaLQ 白からグラデーションへのスムーズな移行を実現することは可能ですか? (-webkit-text-fill-color 属性はトランジットを直接サポートしません

P粉762447363 2023-09-16 09:22:05 0  1  806

PHP を使用して、売り手が注文を受け付けなかった場合にシステムが自動的に買い手にお金を返金することを実現する方法。

売り手が注文を受け付けず、システムが自動的に買い手に返金することを PHP を使用して認識する方法. 売り手が注文を受け付けず、システムが購入者に自動的に返金することを PHP を使用して認識する方法

fairy 2018-07-26 16:34:43 0  2  1056

JavaScript - Apple の携帯電話で css3 アニメーション効果が表示されないのですが、どうすれば解決できますか?

アニメーション効果は animate.css によって実現されます。Android 携帯電話のブラウザ、WeChat、QQ はすべて正常に動作します。ただし、Apple 携帯電話には互換性の問題があります。これを解決するにはどうすればよいですか?オンラインアドレス https://ipukr.cn/ad/index.htm...

巴扎黑 2017-07-06 10:37:34 0  3  1419

javascript - WeChat アプレット 左にスワイプして削除するこのメソッドを実装するにはどうすればよいですか?関連する API はありますか?

最近ショッピングモールのページを制作しているのですが、ショッピングカート内に指を左にスライドさせると削除ボタンが表示される機能があるのですが、どうすれば実装できるのでしょうか？この機能はJD.comのショッピングカートに基づいています~

给我你的怀抱 2017-06-10 09:49:10 0  2  964

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

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

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