61.使用类名前缀和transition属性给一张图片加入场动画，动画效果自定义。

好的，这里给你提供一种使用类名前缀和transition属性给一张图片加入场动画的示例。我们可以使用CSS3的transform属性实现动画效果，具体可以根据需求自定义。

HTML代码：

<div class="image-wrapper">
  <img src="image.jpg" alt="图片">
</div>

CSS代码：

.image-wrapper {
  position: relative;
  display: inline-block;
}

.image-wrapper:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background-color: #fff;
  transition: opacity 0.5s ease-in-out;
}

.image-wrapper:hover:before {
  opacity: 1;
}

.image-wrapper img {
  display: block;
  max-width: 100%;
  height: auto;
  transition: transform 0.5s ease-in-out;
}

.image-wrapper:hover img {
  transform: scale(1.1);
}

这段代码实现了一个简单的场动画效果，当鼠标悬浮在图片上时，会在图片上叠加一个白色的遮罩层，并且图片会放大一定比例。其中，`.image-wrapper:before`使用了before伪元素来实现遮罩层，初始状态下opacity为0，当鼠标悬浮在`.image-wrapper`上时，通过:hover伪类将opacity设置为1，从而实现遮罩层的淡入效果。`.image-wrapper img`使用了transform属性来实现放大效果，初始状态下scale为1，当鼠标悬浮在`.image-wrapper`上时，通过:hover伪类将scale设置为1.1，从而实现图片的放大效果。同时，为了让动画效果更加平滑，使用了transition属性来设置过渡效果。