CodePen

HTML

            
              <div class="container">
			<div class="box"></div>
		</div>
            
          
!

↑ Insert the most common viewport meta tag

CSS

            
              .container {
	-webkit-perspective: 800px;
	-moz-perspective: 800px;
	-ms-perspective: 800px;
	perspective: 800px;
	width: 300px;
	margin: 2em auto;
}

.box {
	
	width: 300px;
	height: 300px;
	background: #222;
	-webkit-transform: rotate3d(1, 1, 0, 45deg);
	/*-webkit-transform:  rotateX(45deg) rotateY(45deg);*/

}
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              
            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................