Question

I want rotate a element with css3 animation and transform property,which from 20 degree to -20 degree

@-moz-keyframes oneRotate{
    0%{
        -moz-transform: rotate(20deg);
    }
    100%{
        -moz-transform:rotate(-20deg);
    }
}

.oneRotate
{
    -moz-transform-style: preserve-3d;

   -moz-animation-name:oneRotate;
   -moz-animation-duration:2s;
   -moz-animation-timing-function:ease-in-out;
   -moz-animation-delay:0s;
   -moz-animation-iteration-count:infinite;
   -moz-animation-direction:normal;
}

轮值令为20-> 0-> 20......为反锁定。

但我想到的是20条令,其中20条令;90条令;180条令;......条令。

我能做些什么来实现这一目标?

Answer 1

将100%的轮流角提高到340度。从20 + 360=340起,它与20度相同,但从340起,它从20起,但20起,向相反方向轮换。

友情链接