CSS オーバーレイに透明な穴を作成するにはどうすればよいですか?

CSS オーバーレイに穴を作成する

オーバーレイに穴を作成して、基礎となる Web サイト要素を表示することは、CSS のみを使用して可能です。効果的な手法の 1 つは、大きな拡散半径を持つボックス シャドウ プロパティを利用することです。

この効果を実現するには:

このボックス シャドウは、小さな青色の大きな透明な正方形を作成します。国境。これにより、オーバーレイに穴が効果的に作成され、下にあるコンテンツが透けて見えるようになります。 9999 ピクセルの拡散半径により、穴がオーバーレイ領域全体を確実にカバーします。

HTML の例:

この CSS コードと HTML の例は、次を使用してオーバーレイに透明な穴を作成する方法を示しています。 CSS のみ。その下に Web サイト要素が表示されます。

以上がCSS オーバーレイに透明な穴を作成するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。