移动端使用css实现点击按钮图片，按钮发生抖动效果的代码

可以使用CSS3中的`@keyframes`和`animation`属性实现按钮点击时的抖动效果。以下是一个简单的示例代码：

HTML:

<button class="btn">Click Me</button>

CSS:

.btn {
  background-image: url('btn-img.png');
  background-size: cover;
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
  color: #fff;
  font-size: 16px;
  cursor: pointer;
  animation: shake 0.5s ease-in-out;
}

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

.btn:active {
  animation: shake 0.5s ease-in-out;
}

在这个示例中，我们定义了一个名为`shake`的`@keyframes`动画，它定义了按钮在不同的时间点应该如何抖动。我们将这个动画应用到`.btn`类中，并在按钮被点击时再次应用动画，以达到按钮抖动的效果。

需要注意的是，这种抖动效果可能会对用户产生不良影响，因此应该谨慎使用。