26 lines
690 B
HTML
26 lines
690 B
HTML
<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>
|