Tienes toda la razón, cometí un fallo con el código CSS. Puedes probar a cambiarlo por el siguiente:

.heart {
  position: relative;
  width: 100px;
  height: 90px;
  margin-top: 10px;
}

.heart::before, .heart::after {
  content: "";
  position: absolute;
  top: 0;
  width: 52px;
  height: 80px;
  border-radius: 50px 50px 0 0;
  background: orange;
}

.heart::before {
  left: 50px;
  transform: rotate(-45deg);
  transform-origin: 0 100%;
}

.heart::after {
  left: 0;
  transform: rotate(45deg);
  transform-origin: 100% 100%;
}

.heart:hover {
  animation: heartbeat 1s infinite;
}

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

¡Con este código debería de funcionar!
 คุณพูดถูก ฉันทำผิดกับโค้ด CSS คุณสามารถลองเปลี่ยนเป็นสิ่งต่อไปนี้: .heart { ตำแหน่ง: ญาติ; ความกว้าง: 100px; ความสูง: 90px; ขอบบน: 10px; } .heart::before, .heart::after { เนื้อหา: ""; ตำแหน่ง: แน่นอน; ด้านบน: 0; ความกว้าง: 52px; ความสูง: 80px; รัศมีเส้นขอบ: 50px 50px 0 0; พื้นหลัง: สีส้ม; } .heart::before { ซ้าย: 50px; แปลงร่าง: หมุน(-45deg); ต้นกำเนิดการเปลี่ยนแปลง: 0 100%; } .heart::after { ซ้าย: 0; แปลงร่าง: หมุน (45 องศา); แหล่งกำเนิดการเปลี่ยนแปลง: 100% 100%; } .heart:hover { แอนิเมชั่น: การเต้นของหัวใจ 1 วินาทีไม่มีที่สิ้นสุด; } @keyframes การเต้นของหัวใจ { 0% { แปลง: สเกล (0.48); } 50% { แปลง: สเกล (1); } 100% { แปลง: สเกล (0.48); } } ด้วยรหัสนี้ มันควรจะใช้งานได้!
spam fails_task lang_mismatch pii not_appropriate hate_speech sexual_content quality toxicity humor helpfulness creativity violence