013-manual.html (688B)
1 <!DOCTYPE html> 2 <?xml version="1.0" encoding="utf-8"?> 3 <html xmlns="http://www.w3.org/1999/xhtml"> 4 <head> 5 <title>Feedback image and CSS transforms</title> 6 <style type="text/css"> 7 body 8 {background-color:silver; 9 margin:0;} 10 div 11 {background-color:white;} 12 div > div 13 {display:block; 14 width:100px; 15 height:87px; 16 transform-origin:bottom right; 17 transform:skew(-30deg); 18 -o-transform-origin:bottom right; 19 -o-transform:skew(-30deg); 20 background-color:green;} 21 </style> 22 </head> 23 <body> 24 <div> 25 <div draggable="true" ondragstart="event.dataTransfer.effectAllowed = 'copy'"></div> 26 </div> 27 <p>Try to drag green rhomb above. Feedback overlay should not be rectangular.</p> 28 </body> 29 </html>