css动画在一个区域内晃动

要实现一个元素在一个区域内晃动的效果，可以使用CSS3中的`@keyframes`和`transform`属性。下面是一个简单的实现方法：

/* 定义一个晃动动画 */
@keyframes shake {
  0% {
    transform: translate(0);
  }
  20% {
    transform: translate(-10px, 10px);
  }
  40% {
    transform: translate(10px, -10px);
  }
  60% {
    transform: translate(-10px, -10px);
  }
  80% {
    transform: translate(10px, 10px);
  }
  100% {
    transform: translate(0);
  }
}

/* 应用动画到元素上 */
.element {
  animation: shake 1s infinite;
}

这里定义了一个名为`shake`的关键帧动画，通过改变`transform: translate()`的值，使元素在一个区域内晃动。将动画应用到需要晃动的元素上，通过`animation`属性指定动画名称、时长、循环次数等参数。这样就可以实现一个在一个区域内晃动的CSS动画了。