Skip to content

Parallax

The Parallax acts like Apple TV/tvOS hover parallax effect.

tvOS parallax demo

macOS Yosemite Wallpaper
html
<div class="parallax">
  <div class="parallax-top-left" tabindex="1"></div>
  <div class="parallax-top-right" tabindex="2"></div>
  <div class="parallax-bottom-left" tabindex="3"></div>
  <div class="parallax-bottom-right" tabindex="4"></div>
  <div class="parallax-content">
    <div class="parallax-front">
      <h2>tvOS parallax demo</h2>
    </div>
    <div class="parallax-back">
      <img src="/img/osx-el-capitan.jpg" class="img-responsive rounded" ...>
    </div>
  </div>
</div>