css - 仅在歌剧的情况下，百分比在 css3 中不起作用

Question

如果百分比（％）在 translateY 或 translateX 中工作，我只是在 css3 中尝试。但是除了歌剧之外，所有的浏览器都在做正确的动画。但是歌剧没有做动画。为什么？这是我的代码。

.ribbon {
    position:fixed;
    right:0px;  
    top:0px;
    z-index:-90;

    -webkit-animation: moveY 10s ease 0s infinite normal;
    -moz-animation: moveY 10s ease 0s infinite normal;
    -ms-animation: moveY 10s ease 0s infinite normal;
    -o-animation: moveY 10s ease 0s infinite normal;
    animation: moveY 10s ease 0s infinite normal;
}

@-webkit-keyframes moveY {
    0%{ -webkit-transform:translateY(-100%); }
    50%{ -webkit-transform:translateY(0px); }
    60%{ -webkit-transform:translateY(0px); }
    100%{ -webkit-transform:translateY(100%); }
}

@-moz-keyframes moveY {
    0%{ -moz-transform:translateY(-100%); }
    50%{ -moz-transform:translateY(0px); }
    60%{ -moz-transform:translateY(0px); }
    100%{ -moz-transform:translateY(100%); }
}

@-ms-keyframes moveY {
    0%{ -ms-transform:translateY(-100%); }
    50%{ -ms-transform:translateY(0px); }
    60%{ -ms-transform:translateY(0px); }
    100%{ -ms-transform:translateY(100%); }
}

@-o-keyframes moveY {
    0%{ -o-transform:translateY(-100%); }
    50%{ -o-transform:translateY(0px); }
    60%{ -o-transform:translateY(0px); }
    100%{ -o-transform:translateY(100%); }
}

@-keyframes moveY {
    0%{ transform:translateY(-100%); }
    50%{ transform:translateY(0px); }
    60%{ transform:translateY(0px); }
    100%{ transform:translateY(100%); }
}