CodePen

HTML

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

<div class="wrapper">
  <div class="rotate-box"></div>
</div>
            
          
!
via HTML Inspector

CSS

            
              .container, .wrapper {
	width: 300px;
	margin: 2em ;
  float:left;
}

.container {
	perspective: 800px;
	width: 300px;
	margin: 2em;
}

.box {	
	width: 300px;
	height: 300px;
	background: #222;
	transform: rotate3d(1, 1, 0, 45deg);

}

.rotate-box {	
	width: 300px;
	height: 300px;
	background: grey;
  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 ..................