title: CSS3 keyframe fade-in and -out animation not working on IE
body: <p>The keyframes are as basic as they come.</p>
  
  <pre><code>.fadeIn {  
      animation: fadeIn 500ms linear 0s 1 normal forwards running; /* Modern browsers */
  }
  .fadeOut {
      animation: fadeOut 150ms linear 0s 1 normal forwards running; /* Modern browsers */
  }
  
  /* Modern browsers */
  @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
  @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } }
  </code></pre>
  
  <p>The keyframes work in all other browsers, even for mobile browsers.
  I omitted the prefixes for other browsers (-webkit, -moz, -o).</p>
  
  <p>Why is IE pulling my chain, again?!
  It's not working in all compatible (IE 10+) version of IE.</p>
  
  <p><a href="https://jsfiddle.net/ztayawrL/" rel="nofollow noreferrer">Here is the JSFiddle</a></p>