CSS变换继承

【问题标题】：CSS transform inheritanceCSS变换继承
【发布时间】：2018-02-06 14:13:10
【问题描述】：

我只想更改一个 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;
}

【问题讨论】：

标签： css css-animations css-transforms

【解决方案1】：

为什么不放

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

你还是复制粘贴了，为什么还要问这个问题呢？:)

【讨论】：

这就是为什么我说“你无论如何都要复制和粘贴，所以为什么还要这个问题？:)”。并且答案是“不”，我不认为你可以这样做“”而不再次给出相同的值？”但我可能是错的。干杯