[CSS]Lightbox風エフェクトをCSSで実装する方法

Lightbox、Thickbox風のエフェクトをJavaScript無しで、CSSで実装する方法の紹介です。

Lightboxのエフェクト

Create a Lightbox effect only with CSS - no javascript needed
[Emanuele Feronato]

上記サイトで紹介されているコードを使用すると、Lightbox風のエフェクトを実装することができます。
「JavaScript無し」とサイトにはありますが、onclickのイベントに入っているので厳密に言うとJavaScript無しではありません。
簡単に実装できるので、いろいろと応用も効きそうです。

sponsors

top of page

©2018 coliss