微信分享打乱了animation

Question

有4个动画，一个接着一个 所以后面的有延迟时间 浏览页面动画正常
但是当在微信打开分享时 到了选择好友的时候取消选择 发现原页面的几个动画延迟全部被打乱了
在运动中的动画在持续运动 未开始运动的动画效果失效了 直接出现在了运动最后的位置
demo

 .move1{
    animation-delay:0s;
    animation-duration:1s;
}
.move2{
    animation-delay:1s;
    animation-duration:2s;
}
.move3{
    animation-delay:3s;
    animation-duration:3s;
}
.move4{
    animation-delay:6s;
    animation-duration:2s;
}