Thu, 22 Jan 2015 13:21:57 +0100
Incorporate requested changes from Mozilla in review:
https://bugzilla.mozilla.org/show_bug.cgi?id=1123480#c6
michael@0 | 1 | <!DOCTYPE HTML> |
michael@0 | 2 | <title>border-radius hit testing</title> |
michael@0 | 3 | <style> |
michael@0 | 4 | |
michael@0 | 5 | body { margin: 0; } |
michael@0 | 6 | |
michael@0 | 7 | #one, #two { |
michael@0 | 8 | border-radius: 100px 60px 40px 120px / 40px 60px 60px 80px; |
michael@0 | 9 | margin-bottom: 100px; |
michael@0 | 10 | } |
michael@0 | 11 | |
michael@0 | 12 | #two { overflow: hidden } |
michael@0 | 13 | |
michael@0 | 14 | #one, #two > div { |
michael@0 | 15 | height: 200px; |
michael@0 | 16 | background: blue; |
michael@0 | 17 | cursor: progress; |
michael@0 | 18 | } |
michael@0 | 19 | |
michael@0 | 20 | #one:hover, #two > div:hover { |
michael@0 | 21 | background: fuchsia; |
michael@0 | 22 | } |
michael@0 | 23 | |
michael@0 | 24 | </style> |
michael@0 | 25 | <body> |
michael@0 | 26 | <div id="one"></div> |
michael@0 | 27 | <div id="two"><div></div></div> |