如何让我的银色背景圆在颤动中

<div class="circle"></div>

.circle {
  width: 100px;
  height: 100px;
  background-color: silver;
  border-radius: 50%;
  animation: shake 1s infinite;
}

@keyframes shake {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(5px);
  }
  100% {
    transform: translateX(0);
  }
}