Why can't animation work in IE 11?

Question

css

There is a keyframe with changing the position of an absolutely positioned element during animation, takes in position through variables:

@keyframes #{$name} {
    0% {
      top: #{$i}rem;
      left: #{$e}rem;
    }
    50% {
      top: calc(#{$i}rem + #{$c}rem);
      left: calc(#{$e}rem + #{$b}rem);
    }
    100% {
      top: #{$i}rem;
      left: #{$e}rem;
    }
  }

In ff and chrome wins back, in ie it stands still. Why?

Answer 1

https://caniuse.com/#search=animate