title: Can't rotate3d an element with clipped-path parent
body: <p>Is this possible to rotate (rotateX or rotateY) an element, even parent being masked(clip-path)? Like this:</p>
  
  <p>html</p>
  
  <pre><code>&lt;div class="holder"&gt;
      &lt;div class="square"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>css</p>
  
  <pre><code>.holder{
      -webkit-clip-path: polygon(0px 60%,50% 0px,100% 0px,100% 75%,0px 100%);
  }
  .square
  {
      background-color:red;
      height:500px;
      width:500px;
      transform: rotateY(20deg);
  }
  </code></pre>
  
  <p>I made an example with my problem.</p>
  
  <p><a href="https://jsfiddle.net/29xecv6c/1/" rel="nofollow">https://jsfiddle.net/29xecv6c/1/</a></p>
  
  <p>Thank you</p>