小编Geo*_*rge的帖子

我试图通过向右滑动200px来转换div,然后将其缩小一半.我想滑动那么减小div的比例,但是我不能让2个变换独立运行,它同时滑动和重新缩放.我认为webkit-transition-delay会解决这个问题,但它只会将指定的最后一个延迟(在本例中为2s)应用于两个转换.有什么想法吗？

.example-3-transform {
            -webkit-transform: translate(200px) scale(0.5);
            -webkit-transition-property: webkit-transition-translate, webkit-transition-scale;
            -webkit-transition-duration: 1s, 1s;
            -webkit-transition-timing-function: ease-in-out, ease-in-out; 
            -webkit-transition-delay: 0s, 2s;
}