.fadable and, if they’re outside of the browser's viewport, changes their opacity to
0 and their scale to
95%. Then, when those elements are scrolled into view, Fadable undoes those changes via a transition.
Made by the folks at The Outfit.
…and that’s OK because Fadable won’t change elements already in view.
It really depends on how tall your browser is at the moment.
You get the gist.
…in only two steps:
Add a class of
.fadable to any element that should fade in.
Check out the source of this page as an example.
If you have any questions, if you’ve discovered an issue, or if you can think of any improvements, please use the Fadable GitHub repo to get involved: