title: Translate and scale animation issue
body: <pre><code>@keyframes my-animation {
      0% {
          transform: translate(0, 40%) scale(0);
      }
      10% {
          transform: scale(1.1);
      }
      20% {
          transform: scale(1);
     }
     100% {
          transform: translateY(0%);
     }
  }
  </code></pre>
  
  <p>I'm trying to make my element pop then move on the Y axis, but the above fails to work.</p>
  
  <p>Where am I going wrong?</p>