Fadable is a tiny bit of JavaScript and CSS that gives you the means to fade in elements as they move into view. Try it yourself, or watch it in action here:

Fadable in action.

Fadable is smart enough to know when the browser window has been resized and it will re-evaluate the situation accordingly. For example, if an already visible element is sent below the bottom of the browser window due to that browser window becoming thinner, Fadable will have your back. The opposite is true as well: if a thin browser window is made wider and elements are moved into view as a result, Fadable’s got you covered.

Grab the code on GitHub or try the demo — we hope you like it!