| <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> |