title: How to keep styles while dragging an element?
body: <p>My problem is, I have a draggable element, that has some styling. When i'm dragging it, it doesn't keep all the styles, some of them disappear WHILE the element is being dragged. </p>
  
  <p>Specifically the one I need to keep is box-shadow.</p>
  
  <p><a href="https://jsfiddle.net/kHuhR/167/" rel="nofollow">Fiddle here</a></p>
  
  <p>Standard box-shadow style:</p>
  
  <pre><code>.fixed-red-bg {
      box-shadow:10px 5px 5px 5px;
  }
  </code></pre>
  
  <p>How do I not lose my box shadow while dragging that element? Optionally, is there any other style, that is not lost while dragging, that can be used to mimic a depth effect?</p>