CSSのみでモーダルウィンドウを作ってみた!

CSSのみでモーダルウィンドウを作ってみた!

このブログのスマホ用テンプレートで採用してみたモーダルウィンドウ。
スマホではメニューや検索フォームを隠して、ファーストビューをすっきりさせたかったので採用してみました。
あと、今どきっぽくてカッコ良いかと思ったので。

 

▼モーダルウィンドウを開くボタンを任意の場所に書く

 

▼モーダルウィンドウの中身を任意の場所に書く

 

▼CSSに以下のものを書いたら出来上がり♪

RELATED POSTS