box-shadow.html (441B)
1 <!DOCTYPe html> 2 <meta charset='utf-8'> 3 <title>drag and drop – draggable areas – box-shadow</title> 4 <style> 5 a { 6 display: block; 7 height: 200px; 8 width: 200px; 9 background-color: blue; 10 box-shadow: 10px 10px 0 orange; 11 } 12 </style> 13 14 <p>Try dragging the orange area along the sides of the blue box below. It should <em>not</em> be draggable.</p> 15 16 <a href='#' draggable="true" ondragstart="event.dataTransfer.effectAllowed ='copy'"></a>