IE11 SVG转换：翻译不起作用

问题描述 投票：0回答：2

我已经为这个问题苦苦挣扎了50年。

<html>
    <head>
        <style>
            @keyframes animation {
                0% {
                    opacity: 0;
                    -webkit-transform: translate(0, 0);
                    transform: translate(0, 0);
                }
                100% {
                    opacity: 1;
                    -webkit-transform: translate(50%, 50%);
                    transform: translate(50%, 50%);
                }
            }

            .circle {
                animation: animation 1s ease-in;
                fill : #ff0000;
            }
        </style>
    </head>
    <body>
        <svg class="parent" width="500px" height="500px" viewBox="0 0 500 500">
            <circle class="circle" r="150" cx="150" cy="150"></circle>
        </svg>
    </body>
</html>

不透明成功。转换（翻译）失败。

解决吗？

谢谢。

css animation svg css-animations internet-explorer-11
2个回答
0
投票

IE 11可能支持transform属性，但无法识别CSS样式（因此也无法识别CSS样式表或动画）。

0
投票

IE浏览器不支持对SVG元素进行CSS转换，更多详细信息，请检查this article。

最新问题
© www.soinside.com 2019 - 2024. All rights reserved.