在CSS中，我們可以使用偽元素和CSS動(dòng)畫來創(chuàng)建一個(gè)圍繞名字的愛心效果，以下是一個(gè)簡(jiǎn)單的示例：

HTML結(jié)構(gòu)：

<div class="name-with-heart">
  <span>名字</span>
</div>

CSS樣式：

.name-with-heart {
  position: relative;
  display: inline-block;
}
.name-with-heart span {
  position: relative;
  z-index: 1;
}
.name-with-heart::before,
.name-with-heart::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: red;
  border-radius: 50%;
  animation: heartBeat 1s infinite;
}
.name-with-heart::after {
  left: 5px;
}
@keyframes heartBeat {
  0% { transform: scale(1); }
  50% { transform: scale(1.2); }
  100% { transform: scale(1); }
}

在這個(gè)示例中，我們創(chuàng)建了一個(gè)名為.name-with-heart的類，用于包裹名字，使用偽元素::before和::after來創(chuàng)建兩個(gè)重疊的愛心形狀，通過animation屬性，我們添加了一個(gè)名為heartBeat的動(dòng)畫，使愛心效果更加生動(dòng)，通過調(diào)整left屬性，我們可以控制兩個(gè)愛心的位置。