material-design-kit
Version:
Interactive web components inspired from Material Design, using vanilla CSS, JavaScript and HTML.
9 lines (6 loc) • 776 B
Markdown
# 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.frontendmatter.com/box-parallax.html) - Moves a background image at a different rate than the foreground when scrolling
- [Blend background color box demo](http://mdk.frontendmatter.com/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.frontendmatter.com/box-fade.html) - Fades the box background color when scrolling past a threshold