Is there a way to make a div slide 200px to the right and then reduce its scale by half separately? I want it to slide first and then scale, but currently both transformations happen simultaneously. I tried using webkit-transition-delay to set different delays for each transform, but it only applies the last delay (2s) to both. Any advice on how to solve this issue?
.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;
}