| <!DOCTYPE html> | |
| <meta charset="utf-8"> | |
| <title>CSS Reference: overflow-clip-margin with border-radius</title> | |
| <link rel="author" title="Oriol Brufau" href="obrufau@igalia.com"> | |
| <style> | |
| #outer { | |
| width: 50px; | |
| height: 50px; | |
| border-radius: 25px; | |
| box-shadow: black 0 0 0 100px; | |
| margin: 125px; | |
| } | |
| #inner { | |
| width: 50px; | |
| height: 50px; | |
| background: black; | |
| } | |
| </style> | |
| <div id="outer"> | |
| <div id="inner"></div> | |
| </div> |