画图
@-moz-keyframes loginAnimation {
from {
opacity: 0;
-moz-transform: scale(2);
}
to {
opacity: 1;
-moz-transform: scale(1);
}
}
@-ms-keyframes loginAnimation {
from {
opacity: 0;
-ms-transform: scale(2);
}
to {
opacity: 1;
-ms-transform: scale(1);
}
}
@-webkit-keyframes loginAnimation {
from {
opacity: 0;
-webkit-transform: scale(2);
}
to {
opacity: 1;
-webkit-transform: scale(1);
}
}
@-o-keyframes loginAnimation {
from {
opacity: 0;
-webkit-transform: scale(2);
}
to {
opacity: 1;
-webkit-transform: scale(1);
}
}
@keyframes loginAnimation {
from {
opacity: 0;
transform: scale(2);
}
to {
opacity: 1;
transform: scale(1);
}
}
body, div, svg {
margin: 0;
padding: 0;
}
.login {
font-size: 50px;
text-align: center;
top: 20%;
position: absolute;
left: 40%;
-webkit-animation: loginAnimation 2s both;
-o-animation: loginAnimation 2s both;
animation: loginAnimation 2s both;
opacity: 0;
}
xx管理系统
btn
请问一下，以上代码，动画过程中，字体 和输入框会闪烁，要怎么解决？
有另外一个问题是，这个代码用ie打开的时候，需要重新刷新一次才有这个css3的动画，这是什么原因？
