第65天 [css]写一个小心心

.heart {
      position: relative;
      width: 100px;
      height: 90px;
    }
    .heart:before,
    .heart:after {
      position: absolute;
      content: "";
      left: 50px;
      top: 0;
      width: 50px;
      height: 80px;
      background: red;
      border-radius: 50px 50px 0 0;
      transform: rotate(-45deg);
		 transform-origin: 0 100%;
     
    }
    .heart:after {
      left: 0;
      transform: rotate(45deg);
      transform-origin: 100% 100%;
    }

  

posted @ 2022-02-16 11:14  Mr、DIVE  阅读(46)  评论(0编辑  收藏  举报