2

我有以下 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 相同吗？如果是这样，我该怎么做？

4

0 回答 0