24 lines
946 B
HTML
24 lines
946 B
HTML
<html>
|
|
<body>
|
|
The div below should be rounded. You should see a rounded green square or the test has failed.
|
|
|
|
<div style="width:100px;height:100px;position:fixed;overflow:hidden;border-radius:30%">
|
|
<div style="width:100px;height:100px;position:relative;background-color:green"></div>
|
|
</div>
|
|
|
|
<p style="margin-top: 130px;">
|
|
This div should not be rounded. You should see a solid green square or the test has failed.
|
|
|
|
<div style="width:100px;height:100px;overflow:hidden;border-radius:30%">
|
|
<div style="width:100px;height:100px;position:fixed;background-color:green"></div>
|
|
</div>
|
|
|
|
<p>
|
|
This div should be rounded. You should see a rounded green square or the test has failed.
|
|
|
|
<div style="width:100px;height:100px;overflow:hidden;position:relative;border-radius:30%">
|
|
<div style="width:100px;height:100px;overflow:hidden;border-radius:24px">
|
|
<div style="width:100px;height:100px;position:absolute;background-color:green"></div>
|
|
</div>
|
|
</div>
|
|
</div> |