CSS3だけで簡単にlightboxを実装するサンプル

CSS3の:target擬似クラスを使ってLightboxを実装することができるステキなサンプルをご紹介します。
デモを見て頂ければ早いですが動きがステキ！ダイナミック！
ソースを丸ごとダウンロードできるのでちょっとだけカスタマイズして使うと楽！

3パターンのデモが用意されています。
こんなかんじの表示です。

デモ　　ダウンロード

中学生レベルの英語力で解読したところ、ブラウザによってトランジション、アニメーションの挙動が異なるようです。
そんなに問題になることではないかと思いますがご注意下さい。