Question

我正试图在'top'属性的CSS中运行转换动画，但它在Chrome中不起作用，导致转换效果不佳，因为它与Chrome之类的平滑动画相关。

以此代码笔为例：http://codepen.io/esassaman/pen/wrsvx

    .navbar-toggle .icon-bar:nth-of-type(2) {
        top: 1px;
    }

    .navbar-toggle .icon-bar:nth-of-type(3) {
        top: 2px;
    }

    .navbar-toggle .icon-bar {
        position: relative;
        transition: all 500ms ease-in-out;
    }

    .navbar-toggle.active .icon-bar:nth-of-type(1) {
        top: 6px;
        transform: rotate(45deg);
    }

    .navbar-toggle.active .icon-bar:nth-of-type(2) {
        background-color: transparent;
    }

    .navbar-toggle.active .icon-bar:nth-of-type(3) {
        top: -6px;
        transform: rotate(-45deg);
    }

有解决方法吗？

Answer 1

我明白了，但在Chrome 43.0.2357.130 m工作得很好。这是一个流畅的动画，没有问题

在Chrome中转换CSS'top'？

1 个答案: