早速、本題に進み、拡大効果のあるポップアップ ダイアログを共有しましょう。プロジェクト内で必要に応じて CSS を記述できます。メトロ スタイルのサイトで再利用する予定です。
アニメーション効果はかなりクールなようです。加工するとさらに良くなります:
;
>< ;style>
body { 背景: #ace; フォント: 12px/1.2 Arial、helvetica、サンセリフ; }
余白:5px; 100px; float:left; }
background:transparent;
position:absolute:50%;
z-index: 10001;
}
#content {
background:#fff;
margin:-50px 0 0 -50px; 🎜> 幅: 100px; 高さ: 100px;
z-index: 10001;
#mask{
上: 0;
幅: 100%;
高さ: 100%;
背景色: #000000;
z-index: 10000;
{
幅:30px;
背景色:赤;
表示:なし;
{
幅:30px;
マージン左:50px;
背景色:赤;カーソル: ポインタ;
}
"> ;
追加されたマスク効果は、直接削除できます。必要ありません。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
