Fade in elements as they move into view.
How to Implement
- Add a class of
.fadableto any element that should fade in.
- Add this CSS to your stylesheet.
Options / Adjustments
Fade in Point: to change the point at which Fadable elements start to fade in after they pass the browser’s bottom edge, open fadable.js and adjust the value assigned to
fadeDistance. The default is
Fade in Speed: to change the speed at which Fadable elements fade in, find the
transition-duration property in the
.fadable CSS and adjust it as you see fit. The default is
- Internet Explorer 10+
- Edge 12+
- Firefox 6+
- Chrome 15+
- Safari 5.1+
- Opera 11.6+
- iOS Safari 5.1+
- Android Browser 4+
- IE Mobile 11+