CSS的常用技巧，等待动画效果(附demo的效果实现与源码）

前言 本文是笔者写CSS时常用的套路。不论效果再怎么华丽，万变不离其宗。 交错动画 有时候，我们需要给多个元素添加同一个动画，播放后，不难发现它们会一起运动，一起结束，这样就会显得很平淡无奇。 那么如何将动画变得稍微有趣一点呢？很简单，既然它们都是同一时刻开始运动的，那么让它们不在同一时刻运动不就可以了吗。如何让它们不在同一时刻运动呢？注意到CSS动画有延迟（delay）这一属性。举个栗子，比如有

>>阅读原文<<