Example CSS animation pulse ❤️

CSS Pulse Heart Animation Examples without Javascript

by ITpresent

HTML

<a href="https://itpresent.com/web/css/css_pulse_animation.php">Example CSS animation pulse ❤️</a>


<p class="a">❤️</p> 

















<a href="https://itpresent.com/web/css/css_pulse_animation.php">Example CSS animation pulse ❤️</a>

CSS

.a {
  margin-top: 10px;
  font-size: 190px;
	animation: pulse 1s linear infinite;
}


@-webkit-keyframes "pulse" {
 0% {
   -webkit-transform: scale(1.1);
   transform: scale(1.1);
 }
 50% {
   -webkit-transform: scale(0.8);
   transform: scale(0.8);
 }
 100% {
   -webkit-transform: scale(1);
   transform: scale(1);
 }

}