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

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.