material-design-kit/demo/src/html/_box.html

Interactive web components inspired from Material Design, using vanilla CSS, JavaScript and HTML.

<h1>Box</h1>

<p>A container element for generic content with (optional) visual effects based on scroll position.</p>

<ul>
  <li><a href="box-parallax.html">Parallax box demo</a> - Moves a background image at a different rate than the foreground when scrolling</li>
  <li><a href="box-blend.html">Blend background color box demo</a> - Changes the box background color to an interpolated color between the background and foreground when scrolling</li>
  <li><a href="box-fade.html">Fade background color box demo</a> - Fades the box background color when scrolling past a threshold</li>
</ul>