зеркало из https://github.com/mozilla/pjs.git
28 строки
449 B
HTML
28 строки
449 B
HTML
<!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>
|