CSS3 animation-- 用animate.css重写一个带有回弹效果的模态对话框(2)

animate.css提供了一个非常炫酷的bounceInDown的效果

比我之前自己写的要好很多，动画很精细

@-webkit-keyframes bounceInDown {  from, 60%, 75%, 90%, to {    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  }  0% {    opacity: 0;    -webkit-transform: translate3d(0, -3000px, 0);    transform: translate3d(0, -3000px, 0);  }  60% {    opacity: 1;    -webkit-transform: translate3d(0, 25px, 0);    transform: translate3d(0, 25px, 0);  }  75% {    -webkit-transform: translate3d(0, -10px, 0);    transform: translate3d(0, -10px, 0);  }  90% {    -webkit-transform: translate3d(0, 5px, 0);    transform: translate3d(0, 5px, 0);  }  to {    -webkit-transform: none;    transform: none;  }}