Webやアプリのデザイントレンドを紹介。たまに雑談。

Browse By

[CSS] CSS Modal – CSSだけで行うModal

  • Pocket
  • このエントリーをはてなブックマークに追加

Javascritを使わずに、CSSだけでModal表示を行うというもの。ページ中央あたりにデモがあったので早速試してみました。表示内容はテキスト、画像、Embedされたビデオなど一通りイケるようです。Modalスタート時にはトランジションがあり、けど終了時にはありません。CSSだけで実装できるのが楽ですね。JS実装したりカスタムする手間がない分、サクっと導入ができそう。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください