将CSS3过渡应用于某些变换（translate3d）但不是其他变换（旋转）

Question

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

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

Answer 1

你不能只转换translate3d，但你可以保持其余部分不变：

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

并悬停

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

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