keyframes

.Khuachu {
animation: myfirst 0.5s;
-webkit-animation: myfirst 0.5s;
/* Safari and Chrome */
display: block;
}

@keyframes myfirst {
from {
position: fixed;
right: -300px;
}
to {
position: fixed;
right: 0px;
}
}

@-webkit-keyframes myfirst
/* Safari and Chrome */

{
from {
position: fixed;
right: -300px;
}
to {
position: fixed;
right: 0px;
}
}

原文地址:https://www.cnblogs.com/yyy251/p/11060056.html