Cubic-Bezier转换在IE和Edge中有延迟

时间:2017-07-23 18:47:35

标签: html css internet-explorer

我的Cubic-bezier过渡不起作用,它在Internet Explorer和Microsoft Edge中有一个奇怪的延迟。

问题:
如果将鼠标悬停在IE或Edge中的链接上,则会有延迟,多个链接具有悬停颜色且没有缓出。

这是CSS:

a,
.uk-link {
  color: #ec4e72;
  text-decoration: none;
  cursor: pointer; 
  -webkit-transition: all 0.667s cubic-bezier(0.16, 1, 0.29, 0.99);
  transition: all 0.667s cubic-bezier(0.16, 1, 0.29, 0.99);
}

以下是HTML:

<li>
  <a class="uk-link-muted" href="/test">test</a> </li>
  <li>
    <a class="uk-link-muted" href="/test">test</a>

    </li> 
  <li>
    <a class="uk-link-muted" href="/test">test</a>
    </li>

这是Codepen https://codepen.io/yokogfx/pen/eEYmva
uk-link-muted只是用于改变颜色,这不会改变Bug:/

1 个答案:

答案 0 :(得分:0)

此问题在新的秋季创作者更新中得到修复!