モバイル上のボタンがフォーカスまたはアクティブのままになり、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 - JS でポップアップ ウィンドウのスムーズな切り替えを実現するにはどうすればよいですか?

たとえば、ページをクリックすると、ポップアップ ウィンドウが表示されます。ポップアップ ウィンドウ内のコンテンツにはボタンがあり、クリックするとダイアログ ボックスが表示されます。この時点では、ダイアログ ボックスはダイアログ ボックスではありません。ポップアップ効果ですが、スムーズに遷移します。

世界只因有你 2017-05-18 10:56:53 0  7  660

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

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

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

[新しいルーター] ページのコンポーネントは、ページ全体を手動で更新した後にのみ読み込まれます。

新しいルートを追加し、新しいルートに遷移するアニメーションを追加しました。ボタンがクリックされたときに新しいルート (/first) をプッシュする次のコードを追加しました: /*FromtheTemplate*/<router-view@clickedNext1="onClickTransition"v-slot="{Component}"><transitionname ="route1

P粉986937457 2024-03-29 12:20:42 0  1  400

javascript - js を使用してトランジション効果を作成するにはどうすればよいですか?

私はjsにあまり詳しくないので聞きたいのですが、jsを使用してボタンをクリックし、5秒後にdivが右側の500pxに移動した場合、この効果を作成するアイデアは何ですか?これらすべての効果を実現するには、まずクラスを作成してから、js を使用して className を切り替える必要がありますか?しかし、クリックイベントでは...

滿天的星座 2017-06-26 10:54:58 0  6  956

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

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

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

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

javascript - h5のcanvasタグを非表示にして再度表示した後に位置が異なるように調整するにはどうすればよいですか?

jsで動的に追加したcanvasタグを利用して線を描画し、特定の位置に絶対配置するようにしました デフォルトでは表示されていますが、製品的には非表示にできることが必須なので、非表示・表示が可能なボタンを作りましたHide() と show() を使用します。なぜ Hide() の後に show() を使用するのか、canvas...

巴扎黑 2017-05-24 11:37:35 0  1  1002

問題 2003 (HY000) を修正する方法: MySQL サーバー 'db_mysql:3306' に接続できません (111)

最近、FastAPIPython サーバーをコンテナ化しようとしました (レプリケーション/二重化の目的でもあります)。以前は、Docker コンテナーに MySQL サーバーだけを入れてすべて問題なかったのですが、Web サーバーもサービスにしたところ、MySQL サーバーに接続できなくなり、アプリケーションが動作しなくなりました。以下は、アプリケーション fromfastapiimportFastAPIimportmysql.connectorapp のサーバー データベース初期化コネクタのコード スニペットです。

P粉178132828 2023-09-05 11:18:47 0  1  773

クエリ制限後のソートを試してみる

それで、これが私の最初の質問です、何か間違っている場合はご容赦ください。制約に基づいて並べ替えクエリを作成しようとしています。つまり、90 個のレコードを持つ Customers テーブルがあります。まず 3 レコードに制限されたクエリを実行し、次にこのクエリの結果を ContactName という列で並べ替えたいと考えています。これはネストされたクエリである可能性があると思います。ネストされたクエリは SQLServer では正常に実行されますが、MySQL で実装する方法がわかりません。制限クエリ: Select*fromcustomerslimit

P粉237125700 2023-09-05 14:46:42 0  1  703

CSS グリッド: 子コンテンツが列幅をオーバーフローした場合に新しい行を作成する

CSS グリッドに基づいた 2 列のレイアウトがあります。 2列目の内容が1frを超えた場合、新しい行を作成したいと思います。現状では、コンテンツが単に列から溢れてしまいます。このレイアウトの要件の 1 つは、右側のメニュー列の項目が 1 行にあることです。これを次のように実行します。 .right-menu{...grid-auto-flow:columndense;...} Grid-auto-flow 属性を削除すると、オーバーフローが停止します。ただし、アイテムは複数の行に積み重ねられており、これは私が望むものではありません。 .riも変換してみました

P粉212114661 2023-09-05 15:18:28 0  1  594

AND、OR、NOT 演算子を使用した PHP 全文検索機能

初心者の質問: php と eloquent を使用して、検索文字列の全文検索を実装しようとしています。 $searchstring="+(被害者容疑者)+crime-covid";$searchresult=RssItem::whereRaw("MATCH(description)AGAINST('$searchstring'INBOOLEANMODE)")->ge

P粉076987386 2023-09-05 15:06:32 0  1  552

すべての PHP 型を文字列に変換する最短の方法

私は、いつか医療などの分野 (つまり「科学的」) に適用できることを願っている一般的なシステムを書いています。最良の方法は、php 内のすべてのデータを文字列で表すことだと思います (true は「true」、false は「false」など)。その理由は、php ではすべての値が一意の文字列表現 (php コード自体など) を持つためです。このプログラムの設計プロセスをスピードアップするために、この質問を投稿しました。数値やブール値など、一部の値は簡単に文字列に変換できます。オブジェクト、配列、リソースなど、簡単ではないものもあります。譲渡対象だと思いますが、

P粉369196603 2023-09-05 15:34:44 0  1  981

他の列でグループ化しながらMySQLのDATETIME列の平均を取得する方法

次のクエリを使用して MySQL テーブルを作成し、データを設定しています: SETtime_zone='+00:00';CREATETABLEtimestamp_n_datetime(idINT,timeDATETIME,avg_timeDATETIME);INSERTINTOtimestamp_n_datetime(id,time,avg_time)VALUES("1","2023-01) -0310:

P粉460377540 2023-09-05 11:46:21 0  1  495

マルチデバイス (携帯電話) の同期 - React Native

すべてのユーザーのモバイル デバイスで同時に起動するライトショーを作成しようとしています (最大 2000 ～ 3000 人のユーザーが参加可能)。すべてのユーザーはインターネット (Wi-Fi またはモバイル データ) を使用します。私たちの FE では、サブスクリプションに Apollo を使用していますが、それは魅力的に機能します。しかし問題は、ユーザー A がユーザー B よりも早くサブスクライブされたイベントを取得できることです。これは、ユーザー A がユーザー B よりも早くゲームのプレイを開始することを意味します。ライトショー アーキテクチャがあり、ユーザーは早くも遅くも開始でき...

P粉151466081 2023-09-05 11:58:38 0  1  684

スペード、ダイヤモンド、ハート、クラブ => Android 版 Chrome ではスタイルのフォントの色が変更されない

Windows 上の Google Chrome では、カードのスーツのシンボル (スペード、ハート、ダイヤ、クラブ) は、「style」属性を使用して正しく色付けされます。残念ながら、Android 上の Google Chrome で表示される同じページには、私が定義した色は表示されず、デフォルトの黒と赤が使用されます。 (効果については添付の図を参照してください) HTML コード: (プロジェクトへのリンク https://stackblitz.com/edit/web-platform-z2cs3t?file=index.html

P粉896751037 2023-09-05 15:25:13 0  1  746

mui TextFieldラベルを非表示にする方法は?

私は Nextjs アプリを開発しています。mui で構築されたダッシュボード ナビゲーション バーには、通常の HTML と CSS で構築された通知ボックスを開く通知が含まれています。 Dashboard-navbar.js: importNotificationBoxfrom"./notification-box/notification-box";//...exportconstDashboardNavbar=(props

P粉239164234 2023-09-05 15:41:00 0  1  663

モバイル上のカスタム Bootstrap 5 カルーセル (複数の項目、ただし 1 行ではない)

モバイル デバイスでカルーセル レイアウトをカスタマイズしようとすると問題が発生します。モバイル上でカルーセルの項目を 1 つだけではなくすべて表示したいのですが、いくつかの CSS と JS、特に displayfloat または max-witdh を使って試した後、これは不可能だと思い始めています。どこを見ればよいかわからない、間違った場所や物件を表示している。私が何を達成しようとしているのかがわかるように、2 つの画像を含めました。私が達成しようとしているもの: 私が持っているもの: サンプル HTML コードは非常に基本的なコードです。CSS は含めていません。

P粉763662390 2023-09-05 11:53:56 0  1  584