border_radius_hit_testing_iframe.html (449B)
1 <!DOCTYPE HTML> 2 <title>border-radius hit testing</title> 3 <style> 4 5 body { margin: 0; } 6 7 #one, #two { 8 border-radius: 100px 60px 40px 120px / 40px 60px 60px 80px; 9 margin-bottom: 100px; 10 } 11 12 #two { overflow: hidden } 13 14 #one, #two > div { 15 height: 200px; 16 background: blue; 17 cursor: progress; 18 } 19 20 #one:hover, #two > div:hover { 21 background: fuchsia; 22 } 23 24 </style> 25 <body> 26 <div id="one"></div> 27 <div id="two"><div></div></div>