CSS的常用套路

1、交錯動畫 有時候，我們需要給多個元素添加同一個動畫，播放後，不難發現它們會一起運動，一起結束，這樣就會顯得很平淡無奇。 那麼如何將動畫變得稍微有趣一點呢？很簡單，既然它們都是同一時刻開始運動的，那麼讓它們不在同一時刻運動不就可以了嗎。如何讓它們不在同一時刻運動呢？注意到CSS動畫有延遲（ delay ）這一屬性。 舉個栗子，比如有十個元素播放十個動畫，將第二個元素的動畫播放時間設定爲比第一個元

>>阅读原文<<