用HTML+CSS+JS做一个闪动的心,写出源代码

当然，我可以为你提供一个用 HTML、CSS 和 JavaScript 制作闪动心的代码。

HTML 代码：

<div class="heart-container">
  <div class="heart"></div>
</div>

CSS 代码：

.heart-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.heart {
  width: 50px;
  height: 50px;
  background-color: #f00;
  position: relative;
  transform: rotate(45deg);
}

.heart::before,
.heart::after {
  content: "";
  background-color: #f00;
  border-radius: 25px 25px 0 0;
  position: absolute;
}

.heart::before {
  width: 50px;
  height: 50px;
  top: -25px;
  left: 0;
}

.heart::after {
  width: 50px;
  height: 50px;
  top: 0;
  left: -25px;
}

.heart-container .heart {
  animation: heartbeat 1s ease-in-out infinite;
}

@keyframes heartbeat {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}

JavaScript 代码：

// 无需 JavaScript 代码

这就是制作闪动心的完整代码。你可以将这个代码段复制到一个 HTML 文件中，并在浏览器中打开它，就可以看到一个闪动的心。