Animate transform only one property (scale) override other (translate)

Question

The problem is that the transform property\'s value has multiple part like translate, scale etc.

This is a theoretical questio

Answer 1

You can delete the translate(100px, 300px); in .loading:after, then set the translate(100px, 300px) in @keyframes, like follows:

@keyframes bounce {
  0%,
  100% {
    transform: scale(0)translate(100px, 300px);
    -webkit-transform: scale(0)translate(100px, 300px);
  }
  50% {
    transform: scale(1)translate(100px, 300px);
    ;
    -webkit-transform: scale(1)translate(100px, 300px);
  }
}