Styling for Jalousie Window

gistfile1.css

body {
  perspective: 1000px;
  -webkit-perspective: 1000px;
}
.window {
  background-image: url( 'images/waterscape.JPG' );
  background-position: center center;
  background-size: cover;
  border: solid 50px brown;
  border-image: url('images/dark_wood.png') 25% repeat;
  box-shadow: 3px 3px 10px rgba(0,0,0,0.5);
  backface-visibility: visible;
  perspective-origin: 150% 150%;
  transform-style: preserve-3d;
  -webkit-backface-visibility: visible;
  -webkit-perspective-origin: 150% 150%;
  -webkit-transform-style: preserve-3d;
}
.pane {
  transform: rotateX( 35deg );
  -webkit-transform: rotateX( 35deg );
  font-size: 3rem;
  line-height: 6rem;
  border: solid 1px #ccc;
  text-align: center;
  background: linear-gradient(rgba(255,255,255,1),rgba(255,255,255,0.5));
  transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  cursor: pointer;
}
.pane:hover {
  background: linear-gradient(rgba(255,255,255,0.5),rgba(255,255,255,0.5));
  transform: rotateX( 0deg );
  -webkit-transform: rotateX( 0deg );
  box-shadow: 0 0px 5px rgba(0,0,0,0.2);
}