百分比在css3中不起作用,仅在opera情况下进行翻译
我只是在css3中尝试,如果百分比%在translateY或translateX中有效。但是除了opera,所有的浏览器都在做正确的动画。但是歌剧没有动画。为什么? 这是我的密码百分比在css3中不起作用,仅在opera情况下进行翻译,css,translate,Css,Translate,我只是在css3中尝试,如果百分比%在translateY或translateX中有效。但是除了opera,所有的浏览器都在做正确的动画。但是歌剧没有动画。为什么? 这是我的密码 .ribbon { position:fixed; right:0px; top:0px; z-index:-90; -webkit-animation: moveY 10s ease 0s infinite normal; -moz-animation: move
.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%); }
}