blob: 8d56e9f7fddf6f249c84c80cb02ed315013f2aa8 [file] [log] [blame]
<style>
div {
width: 50px;
height: 50px;
float: left;
margin: 0 25px 50px 25px;
background-color: lightyellow;
}
</style>
<!-- Positive spread does not increase border radii. -->
<div style="
-webkit-box-shadow: black 0 100px 0 20px;
-webkit-border-radius: 10px;
"></div>
<!-- It uses the actual radii (in this case, 25px after scaling
to fit in a total side length of 50px) not the specified radii. -->
<div style="
-webkit-box-shadow: black 0 100px 0 20px;
-webkit-border-radius: 50px;
"></div>
<!-- Negative spread decreases the radii. -->
<div style="
-webkit-box-shadow: black 0 100px 0 -10px;
-webkit-border-radius: 20px;
"></div>