<div class="heart one"></div>
.heart {
position: absolute;
margin: auto;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: red;
height: 120px;
width: 120px;
transform: rotate(-45deg);
}
.heart::after {
background: red;
content: "";
border-radius: 50%;
position: absolute;
width: 120px;
height: 120px;
top: 0;
left: 60px;
}
.heart::before {
content: "";
background: red;
border-radius: 50%;
position: absolute;
width: 120px;
height: 120px;
top: -60px;
left: 0;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.