CSS3で作る汎用的なモーダルウィンドウ

JavascriptやjQueryモジュールを使って別のコンテンツがレイヤーのように全面に表示されるモーダルウィンドウの実装方法はいくつかありますが、今回はCSSだけを使ってポップアップで開くモーダルウィンドウと、汎用性が高いHTMLの追加だけでいくつでもモーダルウィンドウを追加できる2つの方法をご紹介します。 まずはCSS3だけでモーダルウィンドウを表示する場合の完成イメージはこちら! CSS3のみでつくるモーダルウィンドウ See the Pen Simple Modal Window with Only CSS by digistate (@digistate) on CodePen. 上記のコードではJavascriptは不…