title: how to rotate an image in two direction with two different angle?
body: <p>I have an raw image, I want to perform rotation in two direction with two different angles (which is shown as below).</p>
  
  <p>If css transformation can be simply added as rotateZ(90deg) and rotateY(180deg), I would get the what I want.</p>
  
  <pre><code>div{
      transform: rotateZ(90deg) rotateY(180deg);
  }
  </code></pre>
  
  <p>Is there any way to achieve this transformation?</p>
  
  <p><a href="https://i.stack.imgur.com/go4ft.png" rel="nofollow noreferrer">FromRawToTarget</a></p>