heavy-styling-007.html (693B)
1 <!DOCTYPe html> 2 <meta charset='utf-8'> 3 <title>drag and drop – feedback overlay for heavily styled elements – 007</title> 4 <style> 5 a { 6 display: block; 7 height: 200px; 8 width: 200px; 9 background-color: blue; 10 margin-left: 100px; 11 -moz-transform: rotate(-45deg) skew(15deg, 15deg); 12 -o-transform: rotate(-45deg) skew(15deg, 15deg); 13 -webkit-transform: rotate(-45deg) skew(15deg, 15deg); 14 transform: rotate(-45deg) skew(15deg, 15deg); 15 } 16 </style> 17 18 <p>Drag the blue box below downwards. The drag placeholder should resemble the blue box, including the text within it, and with the same rotation.</p> 19 20 <a draggable="true" ondragstart="event.dataTransfer.effectAllowed ='copy'">TEST</a>