透明な半円の切り抜きのある Div
P粉022285768
P粉022285768 2023-10-22 17:51:09
0
2
600

CSS3だけで半円の透明な切り抜きを作りたいです。唯一の要件は、形状を形成するすべての要素が黒または透明なであることです。

Iでは、半円が透明で背景が透けて見える必要があるため、白い円が描かれた黒い長方形は使用できません。

必要な形状:

P粉022285768
P粉022285768

全員に返信 (2)
P粉138871485

ボックス シャドウを使用して透明なクリッピング サークルを作成できます:

リーリー リーリー

これは、パーセンテージの長さでレスポンシブにすることができます:

リーリー リーリー
いいねを押す+0
    P粉851401475

    おそらく、次のような CSS::after疑似プロパティを使用してこれを行うことができます:

    リーリー リーリー
    いいねを押す+0
      最新のダウンロード
      詳細>
      ウェブエフェクト
      公式サイト
      サイト素材
      フロントエンドテンプレート
      私たちについて 免責事項 Sitemap
      PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!