84669 人が学習中
152542 人が学習中
20005 人が学習中
5487 人が学習中
7821 人が学習中
359900 人が学習中
3350 人が学習中
180660 人が学習中
48569 人が学習中
18603 人が学習中
40936 人が学習中
1549 人が学習中
1183 人が学習中
32909 人が学習中
CSS3だけで半円の透明な切り抜きを作りたいです。唯一の要件は、形状 を形成するすべての要素 が黒または透明な であることです。
I では、半円が透明で背景が透けて見える必要があるため、白い円が描かれた黒い長方形は使用できません。
ボックス シャドウを使用して 透明なクリッピング サークルを作成できます :
これは、パーセンテージの長さで レスポンシブ にすることができます:
おそらく、次のような CSS ::after 疑似プロパティを使用してこれを行うことができます:
::after
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
ボックス シャドウを使用して 透明なクリッピング サークルを作成できます :
これは、パーセンテージの長さで レスポンシブ にすることができます:
おそらく、次のような CSS
::after疑似プロパティを使用してこれを行うことができます: