@keyframes myfirst
{
0% {left:0px; top:0px;}
25% {left:0; top:35px;}
50% {left:0px; top:70px;}
75% {left:0px; top:35px;}
100% {left:0px; top:0px;}
}
#cssAnimation
{
position:relative;
animation:myfirst 200ms linear 0s 1 alternate;
/* Firefox: */
-moz-animation:myfirst 200ms linear 0s 1 alternate;
/* Safari and Chrome: */
-webkit-animation:myfirst 200ms linear 0s 1 alternate;
/* Opera: */
-o-animation:myfirst 200ms linear 0s 1 alternate;
}
<view id=’{{cssAnimation}}’ class=‘donghuaBox’>
<label class=‘datiStyle’>{{aNum}}label>
<label class=‘datiStyle’>+label>
<label class=‘datiStyle’>{{bNum}}label>
<label class=‘datiStyle’>=label>
<input class=‘daanStyle’ value=’{{result}}’ confirm-hold=‘true’ focus=’{{focus}}’ type=‘digit’>input>
view>
点击下一题,css往下移动控件并返回原位,光标有时候会歪掉,频率有点高 iphone6 电脑端调试正常。用小程序自己的动画ios一点都不流畅。