Mobirise-Tutorials.com

Code: Alles auswählen

<div id="mybeat"></div>

Code: Alles auswählen

@keyframes heartbeat {
  0% {
    transform: scale(0.75);
  }
  20% {
    transform: scale(1);
  }
  40% {
    transform: scale(0.75);
  }
  60% {
    transform: scale(1);
  }
  80% {
    transform: scale(0.75);
  }
  100% {
    transform: scale(0.75);
  }
}

#mybeat {
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  background-color: red;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 1px solid #232323;
  box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.6);
  animation: heartbeat 1s infinite;
}