동시에 평가하고 번역하는 방법은 무엇입니까?

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를 왼쪽으로 번역 한 다음 스케일링합니다.그것이 스케일링하는 동시에 3D를 번역 할 수 있습니까?

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);
    }
}

.