¡Hola! Claro que sí, ¡empecemos con ese corazón para San Valentín! Para dibujar el corazón naranja de 100px de ancho y alto, debemos crear un archivo HTML y CSS.

En el archivo HTML, puedes colocar lo siguiente:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Corazón de San Valentín</title>
    <link rel="stylesheet" type="text/css" href="style.css">
  </head>
  <body>
    <div class="heart"></div>
  </body>
</html>

En este código, hemos vinculado nuestro archivo CSS y hemos creado un div con la clase "heart", que es donde dibujaremos el corazón.

Ahora, en el archivo CSS, puedes agregar el siguiente código:

.heart {
  width: 100px;
  height: 100px;
  background: orange;
  position: relative;
}

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

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

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

.heart:before {
  transform: rotate(-45deg);
}

.heart:after {
  transform: rotate(45deg);
}

.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, hemos creado el corazón naranja y hemos añadido las reglas necesarias para la animación de latido. La animación se activará cuando se coloque el cursor del mouse sobre el corazón.

¡Espero que te haya resultado útil esta respuesta y que puedas sorprender a alguien con tu corazón de San Valentín animado!
spam fails_task lang_mismatch pii not_appropriate hate_speech sexual_content quality toxicity humor helpfulness creativity violence