Scale Animation

by maxell4o

HTML

<div></div>

CSS

@keyframes example {
  from {
    transform: scale(1);
  }

  to {
    transform: scale(1.5);
  }
}

body {
  margin: 50px;
}

div {
  width: 100px;
  height: 100px;
  background-color: red;
  animation-name: example;
  animation-duration: 500ms;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-timing-function: cubic-bezier(0.3,1.8,0.5,1.1);
}