アニメーションを使用して 2 つの Div を交換する方法

div を大きなボックスとして表示し、他の 3 つの div をその下に小さなボックスとして表示したいプロジェクトがあります。小さなボックスをクリックすると、CSS トランジション効果を使用してサイズが変更され、大きなボ...

から [CSS3ディスカッショングループ] 2023-08-26 13:55:33 0  1  504

<svg> 要素を使用してひし形の形状を作成するにはどうすればよいですか?

HTML5 要素を使用してひし形の形状を作成しようとしています。点を指定したのですが、ひし形に塗りつぶされるのではなく、一対の三角形に塗りつぶされてしまいました。これが私のアプローチです: <div><...

から [CSS3ディスカッショングループ] 2023-08-26 12:41:30 0  1  479

iOS16ではiPhoneのSafariでZ-indexが有効にならない

モバイルモード、たとえばSafariブラウザのiPhoneで、このクラスnavbar-mobileをJavaScriptを使用してnav要素に適用するナビゲーションバーがあります。しかし、どういうわけかナビゲーションバー...

から [CSS3ディスカッショングループ] 2023-08-25 20:33:05 0  1  613

CSS を使用して、片側に角度があり、角が丸いボックスを作成するにはどうすればよいですか?

私は現在、このようなものを作る必要があることに気づきました。最初はクリップパスを使おうと思ったのですが、角が丸くなっているので剥がすのが難しく、ボタンの内容によって幅が変わると22.5度を維持するのが難しいです。そこで、...

から [CSS3ディスカッショングループ] 2023-08-25 19:46:29 0  1  536

React Bootstrap Modal.Header closeButton アイコンを変更する方法

ReactBootstrapModalを使用しています。 closeButtonアイコンを変更しようとしています。しかし、うまくいきませんでした。 <Modal.HeaderclassName='modal-hea...

から [CSS3ディスカッショングループ] 2023-08-25 18:59:18 0  1  467

Google Chrome は Flexbox ビューポートを使用して展開方向を固定します

Google Chrome では、要素間にスペースがある場合、またはコンテンツが中央揃えで配置される場合に問題が発生します。 Firefox、IE11、Edge、Safari では要素は常に下に展開されるため、これは問題...

から [CSS3ディスカッショングループ] 2023-08-25 17:44:46 0  1  573

スライダーの進行状況バーがスライドの数と一致しません

7 つのアイテムを含むカルーセルを作成しました。デフォルトでは、このカルーセルには 5 つの項目が表示されます。私のデモでは 2 つの問題に遭遇しました。スライダーが無限にループするように設定されていましたが、スライド ...

から [CSS3ディスカッショングループ] 2023-08-25 16:17:45 0  1  640

フレックス項目が他のフレックス項目に囲まれている場合、コンテナ内の中央にフレックス項目を配置します

フレックスボックスがあります（例として以下のコードスニペットを参照してください）。すべての場合において、フレックスボックスの中心で、他のスパンがマーカーに基づいてその周りを流れるように設定したいと考えています。私は基本的...

から [CSS3ディスカッショングループ] 2023-08-25 14:40:25 0  2  505

Pテーブルの高さをウィンドウの高さと同じになるように調整する方法

問題: Primep-table の高さを angular で設定しようとしています。オンラインでたくさん検索しましたが、これまでのところ何もうまくいきません（おそらく、この問題は何年も前から存在しており、フレームワーク...

から [CSS3ディスカッショングループ] 2023-08-25 12:06:40 0  1  621

SassError: $map: null はマップではありません - Angular カスタム テーマの問題解決

Angular プロジェクト用に次のカスタム テーマを作成しました: @use'@angular/material'asmat;/*このファイルにグローバル スタイルを追加することも、他のスタイル ファイルをインポートす...

から [CSS3ディスカッショングループ] 2023-08-25 11:50:05 0  1  553

必要な場合にのみハイフンを表示しますか? (ソフトハイフンでは切れません)

ハイフンが不必要に表示されないようにCSSでハイフンまたはソフトハイフンを使用することはできますか?私の目標は、元のテキストをできるだけ保持し、長すぎてコンテナの幅に収まらないため、絶対に重要でない限り、単語を分割するこ...

から [CSS3ディスカッショングループ] 2023-08-25 11:10:51 0  2  616

CSSを使用してdivの下部を内側にカールさせます

CSS を使用してこの長方形の div/背景の下端を曲げたいので、結果は次のようになります: 誰かそれを実現する方法を知っていますか? .curved{margin:0auto;height:400px;backgrou...

から [CSS3ディスカッショングループ] 2023-08-24 21:15:13 0  2  490

querySelectorAll メソッドと getElementsBy* メソッドは何を返しますか?

getElementsByClassName (および getElementsByTagName や querySelectorAll などの同様の関数) は getElementById と同じように機能しますか?要素...

から [CSS3ディスカッショングループ] 2023-08-24 19:45:56 0  2  602

書き換えられたタイトルは次のとおりです: CSS 3 図形: 「Reverse Circle」または「Cut Circle」

「逆円」と表現される形状を作成したいと考えています。黒い線が div 要素の外側の境界線に沿って続く必要があるため、画像は多少不正確です。現在私が持っているデモは次のとおりです: http://jsfiddle.net/...

から [CSS3ディスカッショングループ] 2023-08-24 18:26:55 0  2  434

nth-of-type/nth-child セレクターがネストされた要素に影響を与えないのはなぜですか?

1 つの div 内にネストされた奇数の div のスタイルを変更しようとしています。何らかの理由で、nth-of-type(odd) が別の div 内にネストされている場合、すべての div に影響します。通常の d...

から [CSS3ディスカッショングループ] 2023-08-24 16:07:18 0  1  511