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

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

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

半透明感を作る

半透明にすると画像が赤くなるのはなぜですか?

P粉693705174 2022-09-09 18:13:58 0  1  940

スクロール背景画像の不透明度を下げ、最小不透明度を制限します

背景画像を取得して、スクロール時に不透明度を下げ、ランディングページから離れると、vanillajavascriptを使用して不透明度を最小値0.5に下げようとしています。スクロール関数に Math.max() を追加して 0.5 まで下げようとしましたが、すべてのページで画像が 0.5 のままになります。ランディング ページの不透明度を常に 1 にし、他のすべてのページの不透明度を 0.5 にしたいと考えています。スクロールをアニメーション化することはできますが、0.5 で停止する必要があります。 constlandingHeight=document.getElementByI

P粉166675898 2024-04-04 23:50:53 0  1  1531

element.style.opacity は使用できず、現在透明度を設定できません

element.style.opacity は使用できず、現在透明度を設定できません

风 2021-01-30 21:46:25 0  2  1837

javascript - ノードの透明度を変更するにはどうすればよいですか?

コンポーネントの透明度を設定する方法はありますか?たとえば、コンポーネント マテリアルを変更したり、透明なマテリアルを追加したりする場合は、ビューアにレンダリングさせます。

学习ing 2017-07-05 11:03:28 0  1  1103

CSSの変数に格納されている色の透明度を変更する

変数に格納されている色の不透明度を変更しようとしています。 :root{--main-theme-color:rgb(123,40,231);}.box{background-color:rgba(var(--message-box-transparency),0.5);} rgba に設定してみました変数の色の不透明度を変更しましたが、うまくいきませんでした。変数の色の不透明度を変更する他の方法はありますか。

P粉920835423 2023-09-09 09:39:47 0  1  632

javascript - 半透明にせずにコンポーネントを完全に非表示にする方法は?

これで、非表示のコンポーネントを表すためにビューアに半透明の効果が表示されます。半透明の効果を使用せずにコンポーネントを完全に非表示にする方法はありますか?

阿神 2017-07-05 10:49:53 0  1  1103

子要素の可視性を維持しながら背景画像の不透明度を変更する

子要素の不透明度に影響を与えずに背景画像の不透明度を設定することはできますか?サンプル フッター内のすべてのリンクにはカスタム箇条書き (背景画像) が必要で、カスタム箇条書きの不透明度は 50% である必要があります。 HTML<divid="footer"><ul><li><ahref="#">リンク 1</a></li><li><ah

P粉354602955 2023-10-10 19:40:19 0  1  709

javascript - キャンバスで半透明のモザイクを描画するのに役立ちますか?

私の要件は、ユーザーがマウスを使用してアップロードされたドキュメントをモザイクできるようにすることです。私のアイデアは、マウス イベントをキャンバスにバインドし、ユーザーがマウスを押したパスに沿ってドキュメント上に半透明の png を描画することです。今は半透明を使用したくありません。 PNG オーバーレイ、キャンバスを直接使用してマルセイユを生成したい...

仅有的幸福 2017-06-07 09:24:40 0  1  928

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

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

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

透明な div を使用してページの背景のぼかし効果を実現する方法

透明な div を介して背景をぼかしたい Web ページのコードがあります。実際にはdivを半透明にしたいのですが。ぼかしフィルターの CSS を div に追加しようとしましたが、結果として div 内のテキストもぼやけてしまい、希望どおりではありませんでした。 <bodystyle="background-image:url('bg.jpg')"><div>テキスト</div></body>

P粉908643611 2023-09-14 21:09:28 0  1  535

CSS を使用して画像に複数の透明なオーバーレイを追加する方法

三角形を押して白い円の上にコンテンツを含めるにはどうすればよいですか?画像の一部として 3 つのオーバーレイ形状を含む背景画像を使用してヒーロー セクションを作成する解決策を見つけようとしています。オーバーレイの上には h1、p、btn が表示されます。デザインがどのように見えるかを示すスクリーンショットを以下に示します。次の 3 つのオーバーレイがあります。 下部の透明度が 0% の直角形状。透明度のある外側の円。透明感のある内側の円。これが私がこれまでに持っているものです。以下にスニペットを示しました。Codepen には実用的なバージョンもあります。サークルの位置は

P粉777458787 2024-02-25 17:09:14 0  1  487

フォームからオプションを選択するときに画像の不透明度を変更する

値 1 (MasterCard) のオプションを選択したときに、idMaster の画像の不透明度を 1 に変更するにはどうすればよいですか?それを、それぞれ独自の ID を持つこれら 4 つの値で動作する関数に入れますか?デフォルトの画像を 0.3 にし、オプションの 1 つを選択すると、画像の不透明度が 1 になるようにします。 .itemForm2{幅:100%;位置:相対;マージン-ボトム:18ピクセル;マージン-トップ:10ピクセル;ディスプレイ:フレックス;フレックス-

P粉244155277 2024-04-03 23:00:48 0  2  481

CSSカラー変数で透明度を適用するにはどうすればよいですか?

CSS 変数にアクセスできるように、Electron でアプリを設計しています。 vars.css でカラー変数が定義されています: :root{--color:#f0f0f0;} この色を main.css で使用したいのですが、透明度を適用したいです: #element{background:( どういうわけか var(--color を使用しています) ) および透明度を設定します);} これを行うにはどうすればよいでしょうか?プリプロセッサは使用せず、CSS のみを使用します。純粋な CSS の回答を好みます

P粉348088995 2023-08-20 18:51:07 0  1  482

css - Blur() フィルターに透明効果があるのはなぜですか?

現在の状況は次のとおりです。北京では店舗の写真にぼかした背景を設定していますが、フィルターを使用してぼかしているため、透明な問題が発生しています。通常、ぼかした背景は擬似要素ですが、vue を使用する場合はどうすればよいですか? , cssで画像リソースが取得できないので、これを書きました An element is located viaAbsolute...

巴扎黑 2017-05-16 13:26:12 0  1  824

アンドロイド - Huawei 携帯電話のポップアップウィンドウの編集テキストがフォーカスを取得し、背景が透明になります

Huawei スマートフォンでポップアップウィンドウが表示され、編集テキストにフォーカスが置かれると、背景が透明になるようにプログラムされています。次の写真は Huawei 社の携帯電話にのみ存在します。写真 1 は正常な状態、写真 2 はバグの状態です。

怪我咯 2017-06-30 09:57:03 0  1  3502

javascript - jsでスタイルを不透明にし、イベントを透明にする方法

視覚的には、以下に示すように、構造体 aa には 2 つの div ab と ac が含まれており、ac は ab の入力をブロックします。 ac がスタイルのみをレンダリングすることを実現するための js の使用方法を教えてください。ab はイベントの主題であるため、イベントは ac ではなく、ac を介して ab でトリガーされます。イベント委任は単純なイベント委任ではありません。縛る必要があるだろう...

代言 2017-06-12 09:21:07 0  1  650

CSS 透明スタイルをラベルの innerText にのみ適用し、子要素には適用しないようにする方法はありますか?

以下の例では、タグに入力が含まれるタグが多数あります。明示的に色を指定せずに、CSS の不透明度スタイルを子要素ではなくラベルの innerText に適用する方法はありますか?以下の例では、ラベル自体だけでなく、ドロップダウン メニューにも不透明度が適用されています。 label 要素を変更してテキストを囲み、for= を追加できることはわかっていますが、私はタグ付けされている要素の周囲にラベルをラップすることを好みます。 div{padding:10px;}select{背景色:

P粉794851975 2023-08-17 20:51:57 0  1  560

object-c - NavigationBar を完全に透明に設定すると、statusBarStyle を Light に設定できません

現在のビュー コントローラーの NavigationBar を完全に透明に設定するためにプッシュすると、{code...} しかし、上部のステータス バーは完全に黒になります。私の上位 VC もpreferredStatusBarStyle を使用していますが、表示に問題はありません。違いは、上位 VC が NavigationBar を非表示にすることです。

迷茫 2017-05-02 09:32:46 0  1  851

-webkit-mask内でRadial-gradientを使用して3つの透明な穴を作成しますが、画像は保持します

私はプロジェクトに取り組んでおり、透明にするために境界線にランダムな穴を3つ開ける必要があるdivを作成する必要があります。私が直面している問題は、2つの穴に対して、放射状のグラデーションで -webkit-mask を使用して、20ピクセルの2つの透明な穴を作成していることです。私の質問は、3番目の穴を作成しようとするとき、これを行う方法を知っている人はいますか? <divid="pulseAd"class="fadeInUpanimated"style="表示

P粉810050669 2023-09-02 21:32:42 0  2  692