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

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

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

空白以外の特定の文字で単語を区切る CSS のみの方法はありますか?

単語 (例: THIS_PHRASE_HERE) がその中の div (固定幅) をオーバーフローする場合、アンダースコアで分割したいと思います。 word-break:break-all を使用して単語を任意の文字で分割できることはわかっていますが、特に末尾に 1 文字または 2 文字の孤立文字がある場合は、少し混乱するようです。 JS でこれを実行できると確信していますが、ワードブレーク: "_" のように、CSS のみでそれを実行する方法があるかどうか疑問に思っていました。

P粉807397973 2023-09-10 20:24:04 0  2  761

タイトルは次のように書き直されました： CSS ですべての入力領域 (電子メールのサインアップ、コメント ボックス、レシピ インデックス ページのドロップダウンを含む) のテキストのサイズを変更するにはどうすればよいですか?

ウェブサイト: https://olivesfordinner.com/ ホームページにサインアップするためにメールを入力するときにテキストを大きくする CSS コードを探しています。これは小さすぎます。レシピ投稿 (例: https://olivesfordinner.com/toasted-muesli-recipe/) にコメントを残すとき、読者が入力するにつれてテキストを大きくするにはどうすればよいですか。繰り返しますが、このテキストは小さすぎます。左列のドロップダウン テキスト ボックスのテキストを大きくする方法。とても小さいんです！ https://ol

P粉465675962 2023-09-14 15:17:43 0  2  641

CSS を使用して、行で折り返されたテキストの塗りつぶし効果を実現します。

ここに最小限の例があります: https://codepen.io/cpcpcpcpcpx/pen/VwZWoyJ、次の内容: .wrapper{width:200px;}h1{font-size:32px;font-family:Tahoma,Helvetica, sans -serif;line-height:50px;}.header-text{background:#aabbcc;padding-

P粉969666670 2023-08-25 00:09:03 0  2  557

javascript - 弾幕効果を模倣するときに発生するバグ

ポジショニングを使用して模倣弾幕エフェクトを記述すると、端に触れるとすぐにバグが発生します CSS: {code...} JS: {code...} 問題は、弾幕が左側に触れるとすぐに壊れることです画面の「でも、数字を入力するときはこうはなりません。固定幅を指定していないのですが、どうしてこうなるのですか？」

習慣沉默 2017-06-30 09:58:38 0  2  897

CSS のヒント: 水平線と中央揃えのテキストを作成する

テキストを含む水平方向の仕切りを作成しようとしています。例: ----------------------------------これが私のタイトルです -------- - ------------------------CSS でこの効果を実現する方法はありますか?明らかに、すべての「-」ダッシュを使用する必要はありません。

P粉248602298 2023-08-20 15:11:18 0  2  519

背景や透明文字が切れてしまう

CSS を使用して、以下に示すように背景から透明なテキストを切り取る効果を作成する方法はありますか?画像がテキストに置き換わるため、貴重な SEO をすべて失うのは残念です。最初に影を考えましたが、何も思いつきませんでした...画像は Web サイトの背景で、絶対位置の <img> タグです

P粉439804514 2024-03-25 16:47:36 0  2  621

フェードイン/フェードアウトトランジションを備えた CSS マーキー

右端からフェードインし、左端からフェードアウトするテキストを含むCSSマーキーを作成しようとしています。文字の端だけが透明になります。これを「不透明マスク」と呼び、左右の端にぼかします。 CSS マーキーのコード例は見つかりますが、このようなフェードイン/フェードアウト効果を備えたものはありません。また、背景を完全に透明にして、テキストのみにエッジ効果を持たせたいと考えています。コンテナにグラデーションを追加しようとしましたが、後から考えると、それは正しいパスではないようです。以下は私がこれまでに思いついたコードです。助けてください、ありがとう！ @BernardBorg: 2 番目の新しい例...

P粉659516906 2024-03-27 21:24:13 0  2  565

タイトルテキストの末尾からコンテナの末尾までの行を追加します。

次の CSS を使用して、タイトル テキストの末尾からコンテナの末尾まで線を引きます: h1{display:flex;}h1::after{content:"";flex:auto;border-bottom:3pxsolid#08A7FC ;margin-bottom: 0.25em;} タイトル テキストが 1 行より長くなるまでは、h1 がコンテナの幅全体を占めるため、これはうまく機能します。これを達成するための他の解決策はありますか?私はもう試した

P粉321676640 2023-09-15 19:42:56 0  1  519

Xamarin Forms でのインライン CSS のオーバーライド メソッドの実装

XamarinForms アプリケーションを開発しました。 CSS には、XamarinForms が提供するインライン スタイルを使用し、アプリはさまざまなクライアントで使用されます。しかし今、アプリケーションにカスタム CSS (フォント、色など) を持たせたいと考えているクライアントがいます。特定のクライアントのインライン スタイルをオーバーライドするにはどうすればよいですか?私が使用したインライン スタイルの例: CSS ファイルを使用して必要なフィールドに ! important を使用しようとしましたが、機能しませんでした。

P粉275883973 2023-08-15 18:59:07 0  1  467

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

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

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

CSS スタイルシートが機能しなくなり、HTML ファイルにリンクしなくなりました。原因は何でしょうか?

多くのフォーラムで答えを探し、約 50 の Google リンクを調べましたが、有効なものが見つかりませんでした。CSS が HTML に表示されません。私のコードは、フレックスボックスコンテナとその中に2つのフレックスボックスを追加するまでは正常に動作していました。私は常にコードをテストして、Flexbox がこの特定の HTML ファイルの外部で動作することを確認しています。さらに、localhost/#my_file# の「要素の検査」で CSS が更新されていないことに気付きました。この状況

P粉473363527 2024-04-03 09:49:45 0  1  559

Flutter WebView のフォント サイズが大きすぎます

現在、flutter_inappwebview を使用してこの Web サイトをレンダリングしており、すべてが正常に動作していますが、一部のテキストのサイズが通常よりも大きいことに気付きました。これはアプリケーション全体で発生します。 cssでフォントサイズを定義するにはrem単位を使用します。これは関係があるのでしょうか？ androidwebview 設定には minimumFontSize があることがわかりましたが、この問題は iOS で発生します。 Web上ではどう見えるか FlutterWebview（iOSシミュレータ）を使ってどのように動作するのでしょうか？

P粉463824410 2024-03-27 18:45:56 0  1  748

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

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

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