首先，请尽量说得具体一点。许多人可能知道Ken Burns效应是关于什么的，其他人可能不知道它是关于平移和缩放图片的。

也就是说，您只能通过css实现此效果，使用transform 所有物Here is more about transform: scale at css-tricks.com 和here is a working snippet at codepen.io 按如下方式缩放悬停时的背景图像：

HTML：

<div class="image-box">
  <div class="image">
  </div>
</div>  

CSS：

.image-box{
  width:300px;
  overflow:hidden;
}

.image {
  width:300px;
  height:200px;
  background: url("http://lorempixel.com/300/200");
  background-position:center;
  transition: all 1s ease;
}

.image:hover {
  transform: scale(1.5);
  -moz-transform: scale(1.5);
  -webkit-transform: scale(1.5);
  -o-transform: scale(1.5);
  -ms-transform: scale(1.5); /* IE 9 */
}

然后，还可以根据需要更改背景图像的位置。但是，如果要缩放/平移到图像的不同区域，则必须单独应用于每个图像。希望这有助于开始…