跳动的小爱心

div+css

跳动的小爱心

❤

<span id="heart">❤️</span>

#heart{
display: inline-block;
animation: beating 1s infinite;
animation-timing-function: ease-out;
}

@keyframes beating {
  0% {
    transform: scale(1)
  }

  20% {
    transform: scale(1.6)
  }

  30% {
    transform: scale(1)
  }

  50% {
    transform: scale(1.6)
  }

  70% {
   transform: scale(1)
  }

  100% {
    transform: scale(1)
  }
}