<div id="a"></div>
<div id="b"></div>
<div id="c"></div>
<div id="d"></div>
<div id="e"></div>
<style>
body{
background: #222730;
display:flex;
justify-content:center;
align-items:center;
margin:0;
}
#a {
background: #4CAAB3;
width: 400px;
height: 150px;
position: absolute;
}
#b{
position: absolute;
border: 120px solid #222730;
transform: rotate(45deg);
}
#c{
position: absolute;
border: 75px solid #4CAAB3;
transform: rotate(45deg);
}
#d{
position:absolute;
border:25px solid #393E46;
border-radius:50%
}
</style>
link to the target
https://cssbattle.dev/play/9
Top comments (0)