CSS實(shí)現(xiàn)div抖動(dòng)效果，可以通過使用@keyframes動(dòng)畫和transform屬性來實(shí)現(xiàn)，以下是一個(gè)簡單的示例：

1、創(chuàng)建一個(gè)div元素：

<div id="shaking-div">我是抖動(dòng)的div！</div>

2、在CSS中定義一個(gè)名為shake的動(dòng)畫：

@keyframes shake {
  0% { transform: translateX(0); }
  10% { transform: translateX(-10px); }
  20% { transform: translateX(10px); }
  30% { transform: translateX(-10px); }
  40% { transform: translateX(10px); }
  50% { transform: translateX(-10px); }
  60% { transform: translateX(10px); }
  70% { transform: translateX(-10px); }
  80% { transform: translateX(10px); }
  90% { transform: translateX(-10px); }
  100% { transform: translateX(0); }
}

3、將這個(gè)動(dòng)畫應(yīng)用到div上：

#shaking-div {
  width: 200px;
  height: 200px;
  background-color: #f00;
  color: #fff;
  text-align: center;
  line-height: 200px;
  font-size: 24px;
  border-radius: 10px;
  box-shadow: 0 0 10px #000;
  animation: shake 1s infinite; /* 設(shè)置動(dòng)畫持續(xù)時(shí)間和重復(fù)次數(shù) */
}

在這個(gè)示例中，@keyframes動(dòng)畫定義了一個(gè)從translateX(0)到translateX(-10px)再到translateX(10px)的抖動(dòng)效果，通過調(diào)整動(dòng)畫的持續(xù)時(shí)間、重復(fù)次數(shù)以及抖動(dòng)的幅度和頻率，可以實(shí)現(xiàn)不同的抖動(dòng)效果。