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

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/