前端教程 ：20個CSS的常用套路附demo的效果實現與源碼

前言 本文是筆者寫CSS時常用的套路。不論效果再怎麼華麗，萬變不離其宗。 1、交錯動畫 有時候，我們需要給多個元素添加同一個動畫，播放後，不難發現它們會一起運動，一起結束，這樣就會顯得很平淡無奇。那麼如何將動畫變得稍微有趣一點呢？很簡單，既然它們都是同一時刻開始運動的，那麼讓它們不在同一時刻運動不就可以了嗎。如何讓它們不在同一時刻運動呢？注意到CSS動畫有延遲（delay）這一屬性。舉個栗子，比如

>>阅读原文<<