6、css一个元素实现一个心形

效果展示：

// html 代码

  <div class="heart">

// css 代码

.heart{
        position:relative;
        background-color:#f00;
        width:100px;
        height:100px;
        transform: rotate(135deg);
        top: 100px;
   }
  .heart::before,
  .heart::after{
      position:absolute;
      content:'';
      background-color:#f00;
      top:0;
      left:-50%;
      width:100%;
      height:100%;
      border-radius:50%;
  }
 .heart::after{
      left:0;
      top:50%;
 }