如何在css中启动另一个动画后触发动画

我有一个当鼠标悬停在图像上时播放的动画

.zoomin img {

  height: 200px;
  width: 200px;
  -webkit-transition: all .12s ease;

}
.zoomin img:hover {

-webkit-transform: rotate(0deg) scale(1.15) skew(0deg) translate(000px);

---

我在这张图片下面有文本，当缩放变换发生时，它会阻止文本。如何使动画仅在悬停动画触发时触发？我想在播放动画时向下推文本

您没有发布html代码，但是如果您的文本在

标记下，当图像悬停时，您可以使用“+”选择器移动文本

。缩放图像：悬停+文本{
#更改属性以移动文本、页边距顶部、过渡等
}

或者，如果它会将文本向下推，您可以增加图像底部的边距