CSS 转换继承

Question

我只想更改一个 CSS 转换属性(即 translateY)。
但是在动画中，它也改变了其他功能(旋转、倾斜等)，有没有办法避免它而不再次给出相同的值？

代码:

@-webkit-keyframes leafAnim {
    to { -webkit-transform: translateY(-2px);  }
}
.class {
    -webkit-transform: rotate(-9deg) skewX(-12deg) skewY(-14deg);
    -webkit-animation: cAnimation 1.5s ease infinite alternate;
}

Answer 1

为什么不放

@-webkit-keyframes leafAnim {
    to { 
      -webkit-transform:translateY(-2px) rotate(-9deg) skewX(-12deg) skewY(-14deg);
    }
    .class {
      -webkit-animation: cAnimation 1.5s ease infinite alternate;
    }

无论如何你都复制粘贴了，为什么还要问这个问题？:)