Question

我一直试图找到一个跨浏览器的现代谷歌加载器。任何人都可以帮我找一个，我发现这个适用于除Internet Explorer之外的所有人，或者告诉我如何让这个在IE中工作？我尝试过fakesmile但它没有用。

HTML：

    <div class="loader">
    <svg class="circular">
        <circle class="path" cx="50" cy="50" r="20" fill="none" stroke-width="2" stroke-miterlimit="10" />
    </svg>
</div>

CSS：

  .loader {
        position: relative;
        margin: 0px auto;
        width: 100px;
        height: 100px;
        zoom: 1;
    }

    .circular {
        animation: rotate 1s linear infinite;
        height: 100px;
        position: relative;
        width: 100px;
    }


    .path {
        stroke: gray;
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0;
        animation: dash 1.5s ease-in-out infinite;
        stroke-linecap: round;
    }

    @keyframes rotate {
        100% {
            transform: rotate(360deg);
        }
    }

    @keyframes dash {
        0% {
            stroke-dasharray: 1,200;
            stroke-dashoffset: 0;
        }

        50% {
            stroke-dasharray: 89,200;
            stroke-dashoffset: -35;
        }

        100% {
            stroke-dasharray: 89,200;
            stroke-dashoffset: -124;
        }
    }

Answer 1

较旧版本的IE不支持关键帧，我将IE留在了后面。

现代谷歌加载程序不在IE中工作

1 个答案: