做一个有❤️（爱心）的前端开发

> 做一个有❤️的前端就是这么简单

![❤️](https://oss.mukang.net/mukang/blog/2022/09/14/ms0kRX6cJ8lzFu-JFogi-)

### html
```html
 <div class="heart"></div>
```

### css
```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%;
}
```

---

博客描述

前端奇技淫巧