title: CSS Animation not triggered in IE and Edge
body: <p>My CSS animation is not triggered properly: the opacity is animated but not the translate.</p>
  
  <p>Look: <a href="https://jsfiddle.net/bLxb8k3s/" rel="nofollow noreferrer">https://jsfiddle.net/bLxb8k3s/</a></p>
  
  <p>Apparently, it's because IE and Edge can't animate between a <code>translateY</code> and a <code>translate</code>.</p>
  
  <p>I've made a test where I replaced my <code>translate(0, 0)</code> by <code>translateY(0)</code>: <a href="https://jsfiddle.net/gy129xyw/1/" rel="nofollow noreferrer">https://jsfiddle.net/gy129xyw/1/</a></p>
  
  <p>And it works.</p>
  
  <p>But I want to keep my keyframes as they are (with a <code>translate(0,0)</code>) because I use it a lot in others pages, with different animations.</p>
  
  <p>Do you think I've missed something, or is it indeed a bug of IE and Edge?</p>
  
  <p>Thanks!</p>