<div class="circle1"></div>
.circle1 {
  position: absolute;
  top: 30px;
  left: 10px;
  width: 100px;
  height: 100px;
  background-color: #f756c4;
  border-radius: 100px;
  animation: buruburu 0.2s infinite linear alternate;
}

@keyframes buruburu {
	0% {
    transform: translate(-3px, 0) rotate(-5deg);
  }
	50% {
    transform: translate(0, -2px) rotate(0deg);
  }
	100% {
    transform: translate(-3px, 0) rotate(5deg);
  }
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.