title: `ondragstart` changeable CSS styles
body: <p>What are the changeable CSS styles valid for <code>ondragstart</code> function call?</p>
  
  <p>HTML</p>
  
  <pre><code>&lt;li draggable="true" ondragstart="drag(event)" id="id"&gt; Item &lt;/li&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>function drag(ev) {
      ev.target.style.background = '#f1f1f1';
      ev.target.style.boxShadow = '2px 2px 1px 1px rgba(144, 144, 144, 0.39)';
      ev.target.style.transform = 'rotate(-3deg) skew(5deg)';
  
      ev.dataTransfer.setData("idOfItem", ev.target.id);
  }
  </code></pre>
  
  <p>In above <code>background</code> and <code>box-shadow</code> are applying for the <code>li</code> item where <code>transform</code> is not working</p>
  
  <p>Fiddle: <a href="https://jsfiddle.net/vnwx95mL/" rel="noreferrer">https://jsfiddle.net/vnwx95mL/</a> (Thanks @Rayon)</p>
  
  <p><strong>NOTE: original element is transforming. But there is another one which is coming with the mouse. That have the issue.</strong></p>
  
  <p><a href="https://i.stack.imgur.com/Ij8L8.png" rel="noreferrer"><img src="https://i.stack.imgur.com/Ij8L8.png" alt="sample-changed-values"></a></p>