100% CSS3 Lightbox

It’s still a work in progress, but I’ve found a way to register a click even on any element with css3 and html5. It makes use of the contenteditable html5 attribute and :focus css pseudo-class. It’s current bugs include difficulty closing the lightbox and one time a webkit browser crashed, but I think that was caused by something else.

Demo

sample image
Zuko

On the right is an example, but be careful, it did crash espresso once, don’t use it if you have unsaved work open in the browser!

Update: You can see a better example and find it on github.
This entry was posted in Featured, Portfolio, Programming and tagged , , , . Bookmark the permalink.

One Response to 100% CSS3 Lightbox

  1. Raf68 says:

    It would be nice to reduce the photo by clicking on the photo , not only by clicking on the body

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>