HTML跳动的爱心

要创建HTML跳动的爱心，可以使用CSS3动画来实现。以下是一个简单的示例：

HTML:

<div class="heart">
  <div class="top"></div>
  <div class="bottom"></div>
</div>

CSS:

.heart {
  position: relative;
  width: 100px;
  height: 100px;
  background: red;
  animation: beat 0.8s infinite;
}
 
.heart .top {
  position: absolute;
  top: 0;
  left: 50px;
  width: 50px;
  height: 80px;
  background: red;
  border-radius: 50px 50px 0 0;
}
 
.heart .bottom {
  position: absolute;
  bottom: 0;
  left: 50px;
  width: 50px;
  height: 80px;
  background: red;
  border-radius: 0 0 50px 50px;
}
 
@keyframes beat {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}

这段代码定义了一个心形结构，使用CSS动画@keyframes beat来实现跳动效果。通过调整transform: scale(1.1)的比例，可以使心跳动的更大。