css cubic-bezier在IE11和Edge与Chrome中表现不同

Question

我有以下CSS规则：

div {
    width:10%; background:black;
    transition: width 2s cubic-bezier(.15,.88,0,.99);
    -o-transition: width 2s cubic-bezier(.15,.88,0,.99);
    -ms-transition: width 2s cubic-bezier(.15,.88,0,.99);
    -moz-transition: width 2s cubic-bezier(.15,.88,0,.99);
    -webkit-transition: width 2s cubic-bezier(.15,.88,0,.99);
}
div:hover {
    width:100%;
}

当我将鼠标放在Chrome，IE和Edge的div上时，我会看到宽度为10％到100％。

当我将鼠标悬停在Chrome中的div上时，动画速度会快速启动并结束。当我鼠标移出时，动画速度开始很快并结束缓慢。

当我将鼠标悬停在IE 11或Edge中的div上时，动画速度会快速启动并结束。当我鼠标移出时，动画速度开始变慢并快速结束。

我可以让IE11和Edge的行为与Chrome相同吗？如果是这样，我该怎么做？