# Box

A container element for generic content with (optional) visual effects based on scroll position. Based on Polymer's [app-box](https://elements.polymer-project.org/elements/app-layout?active=app-box) element using vanilla web technologies (CSS, JavaScript and HTML).

## Demos

- [Parallax box demo](http://mdk-demo.themekit.io/box-parallax.html) - Moves a background image at a different rate than the foreground when scrolling
- [Blend background color box demo](http://mdk-demo.themekit.io/box-blend.html) - Changes the box background color to an interpolated color between the background and foreground when scrolling
- [Fade background color box demo](http://mdk-demo.themekit.io/box-fade.html) - Fades the box background color when scrolling past a threshold