代码是这样子的,
因为有动画需求大概是,需要同一个动作做两次,但是第二个会延迟1s执行
PC端是可以顺利进行的,就是会有执行两个动作
但是到了ios,就会发现,动画只执行第二个,第一个不执行了(即是:动画只出现了延迟1S,以.6s的速度完成的情况)。
除非分开写两个动画,然后彼此之间变化的值还不能一样。。
即: test_2动画这样,100%的时候,原本是rotate(-180deg), 改成rotate(-180.1deg)
有没有人遇到过这个问题呢?
动画.test{
width: 100px;
height: 100px;
background: #fd6e3b;
-webkit-animation: test_1 .6s ease-in-out 1 forwards ,
test_1 .6s 1s ease-in-out 1 forwards;
}
@-webkit-keyframes test_1
{
0% {
-webkit-transform: rotate(0);
}
100% {
-webkit-transform: rotate(-180deg);
}
}
@-webkit-keyframes test_2
{
0% {
-webkit-transform: rotate(0);
}
100% {
-webkit-transform: rotate(-180.1deg);
}
}