PwQyzm

index.html

<div class="board">&nbsp;</div>

<svg display="none;">
  <defs>
    <clipPath id="skateboard">
      <polygon points="300 0, 300 300, 0 0" />
   </clipPath>
  </defs>
</svg>

PwQyzm.markdown

PwQyzm

A Pen by sean-roberts on CodePen.

License.

style.less

.board{
  
  background: blue url("http://shop.ccs.com/media/catalog/product/cache/4/image/500x/17f82f742ffe127f42dca9de82fb58b1/w/e/welcome-jackalope-on-basilisk-skateboard-deck-black-8-8-top_1.jpg") center center no-repeat;
  background-size: auto 200px;
  width: 60px;
  height: 200px;
  transition: transform .3s;  
  transform-style: preserve-3d;
  -webkit-clip-path: polygon(50% 0%, 75% 3%, 87% 10%, 88% 100%, 100% 100%, 0% 100%, 0% 0%);
  background-visibility: none;
  &:hover {
    transform: rotateY(-20deg) rotateX(0deg);
    
  }
}