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

Question

我有一个动画，当图像鼠标悬停在它上面时播放。

.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);

我在此图像下有文字，当缩放变换发生时，它会阻止文本。只有当悬停动画触发时，我才会如何制作动画？我希望在播放动画时将文本按下

Answer 1

您没有发布自己的HTML代码，但如果您的文字位于<img>标记下，也许您可​​以使用＆＃39; +＆＃39;当图像悬停时，选择器移动文本

.zoomin img:hover + text {
# change properties to move your text, margin-top, transition, etc
}

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