ホームページ > ウェブフロントエンド > jsチュートリアル > ポップアップ全画面の灰色と黒の透明マスク効果を実現する JS CSS メソッド_JavaScript スキル

ポップアップ全画面の灰色と黒の透明マスク効果を実現する JS CSS メソッド_JavaScript スキル

WBOY
リリース: 2016-05-16 16:25:19
オリジナル
1270 人が閲覧しました

この記事の例では、js CSS を使用して全画面にグレーと黒の透明なマスク効果をポップアップ表示する方法を説明します。皆さんの参考に共有してください。具体的な分析は次のとおりです。

このエフェクトは多くの Web サイトで見られ、特定の操作が実行されると、灰色と黒の半透明のマスクが表示され、その上で指定されたコンテンツを操作できます。たとえば、ログイン ボックスが表示されます。この効果を実現する方法のコード例は次のとおりです:

コードをコピーします コードは次のとおりです。


<メタ文字セット = " utf-8" > CSS スクリプトを使用して全画面にグレーと黒の透明なマスク効果をポップアップする方法