如何在颤动中创建带边框的圆形容器？

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

.circle-container {
  width: 200px; /* 设置容器的宽度 */
  height: 200px; /* 设置容器的高度 */
  border: 2px solid #000; /* 设置边框样式 */
  border-radius: 50%; /* 将容器的边框设置为圆形 */
  animation: shake 0.5s infinite; /* 添加颤动动画效果 */
}

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