css3 - CSS トランジション効果によりテキストがぼやけたりジッターしたりすることがありますか?

コード: テンプレート: {code...} CSS: {code...} いくつかの無関係なスタイルは削除されています。現在知られている状況は、右側の小さな三角形のトランジション効果です。 Chrome のドロップダウン ボックス。これにより、テキストがぼやけてジッターが発生します。backface-visibility: hidden; を追加すると、テキスト...

ringa_lee 2017-05-24 11:35:53 0  2  2468

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

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

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

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

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

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

PHPフォームのテキストエリアフィールドで携帯電話番号をトリミングして計算します

フォームに携帯電話番号をコピーして貼り付けることができるテキストエリアフィールドがあります。 1 行に 1 つの番号を入力します。このように、何百もの携帯電話番号をコピーして貼り付けて、このフォームに送信できます。フィールドをトリミングしたいのですが、コピー＆ペーストした後、10桁だけを保持したいのです。有効な 10 桁の数字のみを保持し、その他の無効な数字はすべてフィールドから自動的に削除する必要があります。コピーして貼り付けるだけでなく、数字を貼り付けた後に数字を入力することもできます。例: この数値をこのテキストエリア フィールドに貼り付けると、984801234599491234509...

P粉883278265 2024-03-31 08:46:11 0  1  479

JavaScript で COCO RLE バイナリ マスクを画像にデコードするにはどうすればよいですか?

COCORLE マスクの例は次のとおりです - https://pastebin.com/ZhE2en4C これは、生成された Predictions.json ファイルから取得した、YOLOv8 検証実行の出力です。その文字列をJavaScriptでデコードし、キャンバス上にレンダリングしようとしています。 Python では frompycocotoolsimportmaskaskcoco_maskfromPILimportImagee を実行できるため、エンコードされた文字列は有効です。

P粉709307865 2023-12-07 10:08:08 0  1  726

php - URLをより美しくするには?

中国語の Web サイトをレンダリングして、一部の特殊文字を "-" に変換したいのですが {code...} このように、時々 "--" が 2 つ表示されることがあります。文字列に "-" が 3 つ以上あることを想定する方法-" とすると、自動的に "one" になります。 xx-x--xxxx--xxx は、xx-x-xxxx-xxx になります。そして、文字列が終了すると仮定すると...

迷茫 2017-06-12 09:21:22 0  1  833

JavaScript - トランスフォームでスクロール効果を作成するのに 2 つの要素が必要な理由

他の人の記事を読んだのですが、小さなボールの放物線効果を実現するために 2 つのアニメーションを実行するには、1 つの要素 <div class="ball"></div> を記述するだけでなく、2 つの要素のレイヤーを使用する必要がある理由を読みました。 ? 次に、transform を使用してそれを実行します x 軸と y 軸の変更、このように書いても効果がないことがわかりました。しかし、なぜ？これ...

滿天的星座 2017-05-19 10:18:02 0  2  861

トランジションでブラウザのサイズに合わせてテキストを拡大縮小する

ボタンの上にマウスを置いたときにブラウザの 100% にサイズ変更したいテキストがあります。このテキストをブラウザ/コンテナに適合させるにはどうすればよいですか? fontsize を使用すると font-size:100vw のようなことができることは知っていますが、font-size のアニメーションは非常に不安定なので、この方法は使用できません。 http://jsfiddle.net/0n15mfyL/ ジッターが気になる人のために、フォントを縮小すると顕著になります: http://jsfiddle.net/rbk48

P粉459578805 2023-09-08 11:11:22 0  1  746

デバイスの表示モードが暗い場合に、Flutter Web アプリでテキストの色を黒に設定するにはどうすればよいですか?

Flutter で Web アプリを作成しましたが、期待どおりに動作しますが、一部のモバイル デバイス (特に Samsung デバイスのデフォルトのブラウザ、Chrome では正常に動作します) で問題が発生します。ログインページでは、ページの背景色が白、テキストフォームフィールドのテキスト色が黒ですが、テキストフォームフィールドに入力しようとすると、白で表示されます（デバイスの表示テーマがダークの場合）。黒をハードコーディングしようとしましたが、ダークテーマでは機能しません。また、マテリアルアプリの下にテーマを適用しようとしましたが、何も機能しませんでした。

P粉216807924 2023-09-11 20:16:42 0  1  600

タブを切り替える効果（それに伴ってテキストの内容も変化します）を作成するにはどうすればよいですか

写真のように、このようなラベル切り替え効果を作りたいのですが、どうすればよいでしょうか?ご指導ください。

yuippp 2019-09-10 11:35:49 0  2  1289

Chrome モバイル ウェブでレイアウト/ビジュアル ビューポートを変更した後、タイトルをビジュアル ビューポートの上に表示し続けるにはどうすればよいですか?

これに関連する質問が複数あることは承知していますが、これらの質問がされてからブラウザー チームが変更を行ったため、どれも有効ではないようです。この問題に対する最新の解決策を見つけようとしています。目標 私の望みは、モバイル Web ブラウザーを使用するとき、特にユーザーが入力フィールドにフォーカスしていて仮想キーボードが表示されているときに、固定ヘッダーを上部に固定してアプリのようなエクスペリエンスを実現することです。背景コンテキスト 最近、Chrome モバイル チームは、iOS 上の Chrome でより適切に動作するように、モバイル Web レイアウトとビジュアル ビューポートのサイズを...

P粉833546953 2024-03-28 00:24:35 0  1  416

ディレクトリ内のファイルの大文字と小文字を区別しないように nginx を設定する方法

キャッシュは動的に生成されるため、URL を通じてこれらのキャッシュ ファイルを直接読み取る方が効率的です。ただし、キャッシュ文字はすべて小文字です。たとえば、http://xxx/ooo/abc.jpg ユーザーが http://xxx/ooo/ABC.jpg を読み取ると、キャッシュが見つかりません (エラーが報告されます)。ooo/ でのみ検索するにはどうすればよいですか? ...

给我你的怀抱 2017-05-16 17:28:49 0  3  867

Joi 検証で問題を引き起こす特殊文字

テキスト ボックスの内容を 250 単語に制限したいと考えています。これを達成するために joi 検証を使用しています。すべての文字 (特殊文字を含む) をカウントし、250 単語のみを許可する必要があります。しかし、次の問題に遭遇しました。最初の特殊文字が表示されるとすぐに、3 単語後であっても、「このセクションは 250 文字を超えることはできません」という joi 検証エラーが表示されます。 PDF からコンテンツをコピーして貼り付けると、画面がフリーズします。したがって、私の攘夷図式には何か問題があると思います。説明1:Joi.string().regex(/^(([\

P粉267791326 2023-08-31 09:52:18 0  1  599

クリックしたときにテキストが新しい要素 (区切り線など) に変わるようにするにはどうすればよいですか?

ページ上の特定のテキストをクリックすると区切り文字/新しい要素に変わる方法を見つけようとしています。どう説明したらいいのかわかりませんが、画像の下にタイトルがあると想像してください。タイトルをクリックすると、上の画像がテキスト ボックス/別の画像/スクロール可能なセパレーターのようになります。ここでは、右側の頭蓋骨の絵文字をクリックすると、左側のボックスに新しい div/画像が表示されるというページの効果を実現しようとしています。ソースコードを見て、この効果を実現するために彼女が何をしているのかを確認していますが、まだわかりません。 w3schoolsonを使用しようとしています

P粉872101673 2024-04-04 11:21:03 0  1  3855

私のウェブサイトはデスクトップでは正常に表示されますが、モバイル画面では表示されません

私は HTML/CSS を使用して個人の Web サイトをデザインしています。ただし、テキストは携帯電話に合わせて拡大縮小されません。下の写真を参照してください。 Web サイトはデスクトップでは見栄えがしますが、モバイル デバイスではうまく表示されません。 Google ドライブの埋め込みが携帯電話の画面に収まりません。私の携帯電話には GGDPPDF が埋め込まれていると表示されます。この問題を解決するにはどうすればよいですか?どうもありがとう。これが私のコードです: HTML<!DOCTYPEhtml><html><head><title>...

P粉827121558 2024-03-30 15:09:41 0  1  555

Vite React プロジェクトを保存するたびに、既存のキャンバス要素を置き換えるのではなく、新しいキャンバス要素がページ本文に追加されるのはなぜですか?

ThreeJs の学習を始めようとしています (JavaScript Web 開発も初めてです)。いくつかのチュートリアルを見た後、Vite と React から始め、次に基本的な回転立方体から始めました。この部分は機能します。しかし、vite について読んだところによると、作業中のファイルを保存するだけでページに再ロードできるはずです。しかし実際にはそうではありません。ページのコンテンツを確認したところ、ファイルを保存するたびに、(既存のキャンバス要素を置き換えるのではなく) 2 つの同じキャンバス要素がページ本文に追加されます。つまり、それを確認するにはページの一番下までスクロールする必要...

P粉186904731 2024-03-30 09:57:49 0  1  548

日付ピッカーが数字とハイフンのみを受け入れるように制限し、Vue で他の値を制限する方法

日付を処理するために vue2-datepickernpm パッケージを使用しています。日付入力では、すべての文字、数字、特殊文字を受け入れます。ただし、入力では数字、ハイフン、スラッシュのみを受け入れたいと考えています。通常の HTML 入力を使用してこれを簡単に実現できます。しかし、日付ピッカーでそれを実装するにはどうすればよいでしょうか?ご協力をいただければ幸いです。私が使用している npm リンクをよろしくお願いします。さまざまな値を受け入れる入力フィールドを示す画像。私が使用しているタグと属性は次のとおりです。 <date-picker:placeholder="フィ...

P粉729518806 2023-08-26 14:57:04 0  1  672

JavaScript の基本メモ

JavaScript1. JS と DOM の関係. ブラウザには HTML コードをレンダリングする機能があります. HTML ソース コードはメモリ上で DOM オブジェクト (ドキュメント オブジェクト) に形成されます. 内部には JS インタプリタ/実行/エンジンがあります例えば、chrome は v8 エンジンを使用しています html に JS コードを記述します JS コードがエンジンによって実行され、その実行結果が DOM の動作となる、などの特殊効果がよく見られます。画像が浮かんだりテキストの色が変わったりするので、ブラウザが実行するとHTMLコードに遭遇し、レンダリング、...

只是没有如果 2018-11-19 20:33:14 0  0  1131