Animation 是否影响-webkit动画中的-webkit transform函数，而不影响应用于目标元素的其他-webkit transform函数？

我想为元素的-webkit transform:rotateX设置动画，同时允许元素保持其-webkit transform:rotate属性不变。考虑下面的代码：

@-webkit-keyframes anim {
    from { -webkit-transform: rotateX(0); }
    to { -webkit-transform: rotateX(45deg); }
}

.target {
    -webkit-animation: anim .5s infinite alternate linear;
}

.target.one {
    -webkit-transform: rotate(45deg);
}

.target.two {
    -webkit-transform: rotate(-45deg);
}

在这种情况下，目标1和目标2开始正确旋转，但当动画应用其-webkit transform:rotateX时，它们的旋转将被覆盖

---

如何仅为-webkit transform的rotateX函数设置动画？

实现这一点的最简单方法是使用一个应用了基本变换-45/45的包装div，并将动画类应用于包装div