目覚まし時計を作成する方法、および指で画面をタッチして目覚まし時計の鳴りを止める方法

助けてください。目覚まし時計を作成するにはどうすればよいですか? 目覚まし時計の呼び出し時間をアクティブに設定できます (呼び出し音はアニメーションに置き換えることができます)。目覚まし時計は、設定した時刻になると音 (またはアニメーション) の再生を開始します。に到達したら、画面を指でタッチするとアラーム音（またはアニメーション）を停止できます。

*黎晨暮光*~ 2019-12-10 18:33:04 0  0  1381

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

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

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

JavaScript - btcc.com のホームページのアニメーション背景を実装するにはどうすればよいですか?

サイトが読み込まれると、背景に少しアニメーション効果がかかりますが、これはちょうどいい感じです。 https://www.btcc.com/

大家讲道理 2017-05-16 13:26:40 0  1  609

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

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

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

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

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

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

Vue トランジションのトランジション遅延を削除するにはどうすればよいですか?

Vue を使用して、マウスを画像の上に置くとテキスト ボックスが上に移動してフェードインするようにアニメーション化しています。アニメーションは正しいですが、開始するまでにわずかな遅延があります。画像をホバーするとテキスト ボックスがスムーズにフェードインし、上に移動し始めるようにしたいと考えています。テキスト ボックスは適切にフェードアウトし、カーソルが離れると下に移動します。テンプレート:`{{バッジ[アイテム].説明}}`、メソッド:{hoverStart(i){this.hoveredIndex=i;}、

P粉757432491 2023-08-17 17:36:49 0  1  528

html5 - z-index はブラウザのデバッグでは有効ですが、携帯電話のテストでは無効です

ブラウザのデバッグ時、ドラッグ イベントが発生すると矢印が非表示になりますが、モバイル WeChat では使いにくいです。この要素にはアニメーション アニメーションがあります。アニメーションを削除すると有効になります。追加すると、アニメーションが有効になります。無効です。現在のスタイル ファイルにはフローティングがありません。位置の理由または理由はブラウザ内にあるはずです...

高洛峰 2017-07-04 13:45:06 0  2  1853

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

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

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

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

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

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

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

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

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

モバイル上のボタンがフォーカスまたはアクティブのままになり、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  551

javascript - マウスダウンイベントに関する質問

助けてください。$.animate を使用して、ページ要素 mousdown に基づいたイベントを実装しました。実行後、問題が見つかりました。マウスを連続して複数回クリックすると、アニメーションが複数回繰り返し再生されます。希望する効果達成するには、クリックするたびに最初から開始します。アニメーションを再生すると、複数回クリックすると、次のような複数のマウスダウン イベントが生成されます。

世界只因有你 2017-05-19 10:14:34 0  1  451

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

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

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

javascript - vue でのルート遷移に問題がありますか?

Vue はカットシーン アニメーションのフェードインおよびフェードアウト効果をルートに追加します。コンポーネントは削除されるとフェードアウトしますが、入力されると即座に入力され、フェードインしません。これら 2 つのステップの間で、ページは次のようになります。空白。以下は公式 Web サイトからコピーした私のコードです: {code...}

滿天的星座 2017-06-12 09:30:07 0  3  789

ホバー時にコンテンツを表示します (カードの高さには影響しません)

ホバー時に表示されるコンテンツを含むブロックがあります。効果の動作方法は次のとおりです。 .hoverCard は、デフォルトで基礎となるコンテンツを表示します (.hoverCard__showOnHover のコンテンツは非表示になります)。 ユーザーが .hoverCard の上にマウスを移動すると、.hoverCard__showOnHover がそのコンテンツを表示し、.hoverCard__body が上に遷移します (「開いた状態」になります)。効果) 上記の視覚効果はデモで確認できますが、アニメーションを完全に動作させることはできません。会いました

P粉289775043 2024-03-27 20:29:28 0  1  474

html5 - 疑似要素が追加されましたが、要素を表示すると表示されません

{コード...} このように二方向にアニメーションを設定したいのですが、重ね合わせると曲線の効果が出ますが、今追加した疑似要素は要素を表示すると見えません。理由を聞いてもいいでしょうか？どこに書き間違えたのでしょうか？

为情所困 2017-07-04 13:45:09 0  2  2044

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

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

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

円形パス上を移動する d3 js 円形アニメーション呼吸アプリ

d3js アニメーション呼吸アプリ 特定の時間間隔でパスの周りを回転する円のアニメーションを作成し、その間隔を制御して加速/減速できるようにしたいと考えています。私のコードは現在次のようになります。円のパスに沿って移動するように円を設定する方法 - さらに親円自体に「呼吸」をさせる方法 2023 年 7 月 27 日 - 現在のベース <scriptsrc="https://cdnjs.cloudflare.com/ajax/libs/ d3/4.13.0/d3.min.js"&g

P粉191610580 2023-09-14 15:46:55 0  1  616

JavaScript - このモーション関数の遅延器の前にプロパティをカスタマイズする必要があるのはなぜですか?

この関数は、アニメーション効果を作成するために使用されます: {code...} 最後の文 elem.movement=setTimeout(repeat,interval) と上の文 if(elem.movement){ {code...} については、私は知っています。再度実行する際に前回実行した関数を終了する機能なのですが…。

为情所困 2017-05-19 10:18:30 0  1  487

Chrome ではスクロール機能に問題が発生することがあります

サイトでスクロールの問題が発生していますが、その理由がわかりません。 Chrome のみでスクロールが機能しないことがあります。作成したすべてのコードを無効にしてみましたが、問題は解決しません。 Safariではスクロールも問題なく動作します。 https://mirkomina.com/ 問題を引き起こす具体的なものはないようです。つまり、カーソルを離れると問題が発生する特定の場所が見つかりません。自分が書いたコードをすべて削除し、スクリプトを無効にしてみました。

P粉817354783 2024-03-29 00:21:20 0  1  475