スケールと同時に3Dを翻訳する方法は？

Question

この例を取ります：

@-webkit-keyframes slideInViewport {
    from{
        -webkit-transform: scale(1);
        -webkit-transform: translate3d(0, 0, 0);
    }
    to{
        -webkit-transform: scale(0.8);
        -webkit-transform: translate3d(250px, 0, 0)
    }
}

.

これにより、DIVが左に250pxを左に変換してからスケーリングします。スケーリングなのと同時にTransmate3Dにするにはどうすればよいですか？

leftプロパティでこのアニメーションを達成しましたが、それは非常に低い性能をもたらします。

Answer 1

解決策は次のとおりです。

@-webkit-keyframes slideInViewport {
    from{
        -webkit-transform: scale(1) translate3d(0, 0, 0);
    }
    to{
        -webkit-transform: scale(0.8) translate3d(250px, 0, 0);
    }
}

.