css - 将CSS3过渡应用于某些变换(translate3d)，但不应用于其他变换(旋转)

我想定义一个类，其CSS3过渡仅应用于transform3d转换，而不应用于任何其他转换（旋转，转换等）。这可能吗？如果是这样，语法是什么？像这样：

.animatedMarker {
    transition: transform:translate3d 1s linear;
    /* transition is only applied to translate3d transformation, so rotate, translate, etc. won't be animated */
}

最佳答案

您不能仅转换translate3d，但是可以保持其余部分不变：

transform: translate3d(0, 0, 0) skew(45deg) rotate(23deg);

然后悬停

transform: translate3d(100px, 0, 0) skew(45deg) rotate(23deg);

http://jsfiddle.net/yeuxQ/1/

关于css - 将CSS3过渡应用于某些变换(translate3d)，但不应用于其他变换(旋转)，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/23296830/