Here is the solution for css battle #16
<div></div>
<style>
body {
background: #0B2429;
margin: 0;
}
div {
position: absolute;
inset: 0;
margin: auto;
width: 200px;
height: 200px;
border-radius: 0% 50% 0% 50%;
transform: rotate(135deg);
background: #998235;
}
div:after {
content: "";
position: absolute;
inset: 0;
margin: auto;
width: 50px;
height: 50px;
border-radius: 50%;
background: #0B2429;
box-shadow: 0 0 0 45px #F3AC3C, 0 0 0 65px #0B2429;
}
</style>
Top comments (0)