CSSとHTMLを使用して半正方形と曲線の形状を作成する方法

下の画像にあるものとまったく同じ形状を描画しようとしています。これは私のHTMLとCSSコードです。これに似た形状をしていますが、単色ではこれをマルチカラーで行う方法が少しわかりません。誰かこれを行う方法を説明してもらえますか。前もって感謝します。 .right-angle-triangle-semicircle{幅:100px;高さ:100px;background:#FFA6DF;border-top-left-radius:0;border-to

P粉797004644 2024-02-25 19:57:15 0  2  430

シェル内の vim カーソルをさまざまな状態でさまざまな形状にする方法

例えば、挿入時は「|」が表示され、コマンドモードでは四角が表示されます。 macvim ではデフォルトで形状が変更されますが、シェルでは変更されません。

曾经蜡笔没有小新 2017-05-16 16:42:34 0  2  843

Tailwind CSS: 錠剤の形のボタンを作成する

このボタンがあります: <buttononClick={()=>removeTask(task)}class="text-xstext-redrounded-full">削除</button> 同様のものを見てみたいと思います: https://tailwindcss.com /docs/border-radius#pill-buttons ただし、押す錠剤の形状がわかりません

P粉189606269 2024-03-26 20:59:03 0  1  366

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

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

P粉979586159 2023-08-24 18:26:55 0  2  414

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

HTML5 要素を使用してひし形の形状を作成しようとしています。点を指定したのですが、ひし形に塗りつぶされるのではなく、一対の三角形に塗りつぶされてしまいました。これが私のアプローチです: <div><svgwidth="2000"height="2000"><polygonpoints="2525,7525,5050,500"style="fill:blue;strok

P粉043295337 2023-08-26 12:41:30 0  1  460

Jsplumb Community Edition でノードまたはシェイプを追加できない

ドキュメントに記載されているように、@jsplumb/browser-ui を使用して Nuxtjs/Vuejs アプリケーションにいくつかのノードを作成しています。ただし、実行時にノードを作成したいと考えています。私はそれを行うことはできません。ユーザーが「AddEvent」ボタンをクリックするたびにノード/四角形を作成したいと考えています。したがって、静的な方法でノードを作成するのではなく、ボタンのクリックに基づいて動的/実行時にノードを作成したいと考えています。 jsPlumb ドキュメントを使用してこれを行う方法がわかりません。同じことを実現するための具体的なコード例がないためです。

P粉864872812 2024-03-28 21:22:23 0  1  374

はしご状の分布

動画と同じなのですが、なぜラダー振り分けが設定できないのでしょうか？

P粉693705174 2023-08-19 13:42:31 0  0  378

機能アップデートの形で React useState を使用する必要があるのはなぜですか?

機能の更新に関する ReactHook のドキュメントを読んで、次の引用を見ています。更新された値は前の値に基づいているため、「+」ボタンと「-」ボタンは関数形式を使用していますが、これを必要とする目的がわかりません機能の更新は、古い状態を使用して新しい状態を計算することの違いと直接的にどのように関係しますか。 ReactuseStateHook のアップデーター関数に機能更新フォームが必要なのはなぜですか?違いが明確にわかる例はありますか (したがって、直接更新を使用するとエラーが発生します)。たとえば、この例の functionCounter( をドキュメントから変更すると、

P粉155551728 2023-10-22 15:37:50 0  2  693

8.5 学習の進捗状況

8.5 学習の進捗状況

洛-潇-Adon 2018-08-05 22:03:05 0  1  1442

透明な半円の切り抜きのある Div

CSS3だけで半円の透明な切り抜きを作りたいと思っています。唯一の要件は、形状を形成するすべての要素が黒または透明であることです。半円は透明で背景が透けて見える必要があるため、黒い長方形の上に白い円を置くことはできません。必要な形状:

P粉022285768 2023-10-22 17:51:09 0  2  735

css3で正方形の画像をx回転なしで台形に変換します

背景画像のある正方形の div を台形に変換しようとしています。 Photoshopの「歪み」ツールと同じように、2Dで作りたいと思っています。基本的に、私が望むのは、正方形の上端を縮小し、それに応じて画像を変形させることだけです。 3D 変換はトリックを行う「ようです」:transform:rotateX(30deg); ほとんどのユースケースで機能しますが、すべてではありません。実際、これは 30 度回転した正方形で、正面/背面から見ると台形のように見えますが、反対側から見ても 30 度回転した正方形です。

P粉604669414 2024-03-28 15:26:58 0  1  327

ブロック要素を分岐させたくない場合はどうすればよいでしょうか?

ブロック要素は自動的に行に分岐します。では、ブロック要素の 2 つのグループを並べて配置したい場合は、どのように色を設定すればよいでしょうか?

P粉301974093 2022-11-22 01:45:50 0  2  2061

React で状態を前の状態に設定するときの typescript エラーを修正するにはどうすればよいですか?

この状態を useEffect のどこかに const[userInfo,setUserInfo]=React.useState<UserInfo|unknown>() で定義し、前の状態に基づいて設定しようとします。したがって、setUserInfo((prevState)=>{return{...prevState,...someRef.current}}) を実行しますが、次のエラーで失敗します。

P粉520545753 2024-02-03 22:41:43 0  1  360

android-studio - Androidのステータスバーがカバーされています - コードログ

ステータス バーがページで覆われています。 困惑した。これは Web ビューを備えた H5 ページです。他の活動は通常通りです。 WebView の H5 はステータス バーをカバーするアクティビティを制御できますか?とんでもない。

迷茫 2017-05-16 13:23:39 0  1  774

CSS 放射状グラデーションから SVG 放射状グラデーションへ

CSS のように SVG で放射状のグラデーションを作成することは可能ですか http://codepen.io/A973C/pen/hnEaf (信号機のライトのことです).red{background:red;background-image :radial-gradient (茶色、透明);背景サイズ:15px15px;幅:100px;高さ:100px;border-r

P粉308783585 2023-12-11 15:54:09 0  2  574