摘要：
项目需要使用动画Css。自定义时，会发现设置动画延迟和动画持续时间的总时间不正确，这将导致动画丢失。例如，bounceInLeft动画从左侧出现，然后抖动。当初始动画延迟为0时，动画持续时间为1s，动画已完成，但如果设置该值，动画延迟为1s且动画持续时间是2s，则动画未完成。具体的动画是从左侧出现，然后在1s延迟后直接到达终点，但没有抖动。然后我用w3c写了一个动画，发现有问题，http://www.w3school.com.cn/tiy/t.asp?f=css3_animation4这是演示。此动画的结果与初始bounceInLeft动画的结果不同。
项目中需要使用到动画animate.css，在自定义的时候发现设置animation-delay 和 animation-duration 的总时间不对会导致 动画缺失。
比如 bounceInLeft 动画 是从左边出现然后 抖动一下 ，当初始animation-delay为0，animation-duration为1s，动画完整，但是如果设置，animation-delay 为1s，animation-duration 为2s动画就不完整了，具体的动画是延迟1s后，从左侧出现然后直接到达终点，但是并没有抖动。
然后用w3c写了一个动画，发现确实是有点儿 问题，http://www.w3school.com.cn/tiy/t.asp?f=css3_animation4 就是这个demo，这种动画和一开始bounceInLeft 动画出现的结果不太一样。
w3c的异常动画，按照我的理解 我动画设置时间为2s，假如总的路程是2m，那我不设置delay 速度应该是1m/s ，如果当我设置了delay为1s时，动画速度应该是2m/s才能在预定的时间完成动画。但是好像并不是这样，实时是我设置了delay为1s，动画速度还是1m/s，导致动画的duration其实不是2s了，这是w3c的那个动画，而到bounceInLeft 结果就是省略了一些动画在规定的时间内直接到达最终状态。
所以如果准确的想完成延迟并且速度同样的情况下不能使用delay，也没准是我理解错了。