JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://secretdesignproject.com/sdp/triangles/js/jquery-1.10.2.min.js"></script>
<script src="http://secretdesignproject.com/sdp/triangles/js/angular.js"></script>
<script src="http://secretdesignproject.com/sdp/triangles/js/angular-resource.min.js"></script>
<script src="http://secretdesignproject.com/sdp/triangles/js/controllers/app.js"></script>
<script src="http://secretdesignproject.com/sdp/triangles/js/jquery.scrollTo.min.js"></script>
<script src="http://secretdesignproject.com/sdp/triangles/js/jquery.localScroll.min.js"></script>
<link rel="stylesheet" href="http://secretdesignproject.com/sdp/triangles/css/sdp.css">
<div>
    <div class="page fixed"></div>
    <div class="page"></div>
    <div class="page"></div>
    <div class="page z"></div>
    <div class="page z"></div>
    <div class="page z"></div>
</div>

CSS

.page {
      width:50%;
      height:200px;
      border:2px solid #000;
      z-index: 2;
      display:block;
      background-color:#ccc;
  }
  .page.z {
      border-color:#F00;
      -webkit-transform:translateZ(1px);
      -moz-transform:translateZ(1px);
      -o-transform:translateZ(1px);
      transform:translateZ(1px);
  }
  .page.fixed {
      position: fixed;
      width:10%;
      left:15%;
      top:50px;
      z-index: 1;
      background-color:#Fcc;
  }