CSS Page curls

index.slim

ul.box
  li hello
  li you the man
  li yeah you are

style.css

ul.box li { 
list-style-type: none; 
margin: 0 30px 30px 0; 
padding: 0; 
width: 204px; 
height: 113px; 
position: relative; 
float: left; 
background: #ffffff; /* old browsers */ 
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; 
} 

ul.box li:after { 
z-index: -1; 
position: absolute; 
background: transparent; 
width: 70%; 
height: 55%; 
content: ''; 
right: 10px; 
bottom: 10px; 
-webkit-transform: skew(15deg) rotate(6deg); 
-webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3); 
} 

ul.box li:before { 
z-index: -2; 
position: absolute; 
background: transparent; 
width: 70%; 
height: 55%; 
content: ''; 
left: 10px; 
bottom: 10px; 
-webkit-transform: skew(-15deg) rotate(-6deg); 
-webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3); 
}

CSS page curls