html + jquery使用animatecss动画，打包后动画失效

使用html+jquery项目开发，给需要添加动画特效的元素使用addClass添加类名后，使用YUI压缩，压缩后查看网址竟然发现动画特效完全不起作用，最后经过一番探索，发现YUI压缩有个缺点会把animate中的0%丢失，因此使用from和to来完成动画即可解决动画失效问题，例如

使用：

@keyframes moveFromLeft{
    from {
        transform: translateX(-100%);
    }
    to {
        transform: translateX(0%);
    }
}

代替：

@keyframes moveFromLeft{
    0% {
        transform: translateX(-100%);
    }
    100% {
        transform: translateX(0%);
    }
}

或者将0%改写成0.00%```cpp

@keyframes moveFromLeft{
0.00% {
transform: translateX(-100%);
}
100% {
transform: translateX(0%);
}
}