Skip to content
Branch: master
Find file History
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
..
Failed to load latest commit information.
README.md
boats.jpg
bottle.jpg
index.css
index.html
index.js

README.md

Uses prepareImageAnimation to do a lightbox transition for images. Since the animation is a CSS based animation, you can have it run in sync with other CSS based animations (in this case a fade in/out of the lightbox background).

The animation here has one slight workaround: it uses a fixed position container when the body does not have a scrollHeight > window.innerHeight (e.g. not currently scrolling). This is to prevent the animation causing overflow (and thus scrollbars showing up), which can can be a big problem on desktops (if the scrollbar is not overlaid on top of the content).

You can’t perform that action at this time.