css3动画delay为负值时的效果 .he{ width height background margin text-align line-height .he div{ width height background-color display animation-name animation-duration animation-iteration-count .m1{ animation-delay .m2{ animation-delay .m3{ animation-delay .m4{ animation-delay .m5{ animation-delay .m6{ animation-delay @keyframes myniy{ 0%,30%,70%,100%{ transform 50%{ transform }
运行效果图
animation-delay为负值时表示,动画跳过多少秒进入动画周期。
上面要注意的地方,关键帧对称
0%,30%,70%,100%{ transform: scale(1,0.5); } 50%{ transform: scale(1); }延迟为-(1.2-0.1)开始