Source code
Revision control
Copy as Markdown
Other Tools
<!DOCTYPE HTML>
<title>border-radius hit testing</title>
<style>
body { margin: 0; }
#one, #two {
border-radius: 100px 60px 40px 120px / 40px 60px 60px 80px;
margin-bottom: 100px;
}
#two { overflow: hidden }
#one, #two > div {
height: 200px;
background: blue;
cursor: progress;
}
#one:hover, #two > div:hover {
background: fuchsia;
}
</style>
<body>
<div id="one"></div>
<div id="two"><div></div></div>