body {
	background-color: white;
}
@-webkit-keyframes beat {
	0% {-webkit-transform: scale(1.0) rotate(0deg);}
	50% {-webkit-transform: scale(1.3) rotate(0deg);}
	100% {-webkit-transform: scale(1.0) rotate(0deg);}
}
@keyframes beat {
	0% {transform: scale(1.0) rotate(0deg);} 	
	50% {transform: scale(1.3) rotate(0deg);} 
	100% {transform: scale(1.0) rotate(0deg);}
}
.heartbeat {
	animation: beat 1.0s ease-out infinite normal;	
	-webkit-animation: beat 1.0s ease-out infinite normal;
}

div {
  animation-name: diagonal-slide;
  animation-duration: 5s;
  animation-iteration-count: 10;
}

@keyframes diagonal-slide {

  from {
    left: 0;
    top: 0;
  }

  to {
    left: 100px;
    top: 100px;
  }

}