純CSS實現酷炫漸變色、旋轉動畫特效

一、效果展示 首先來看一下我們最終要實現的效果： 旋轉放大： 垂直下落： 旋轉掉落： 接下來我們就用CSS進行實現。 二、代碼實現 1、定義盒子 此時的效果： 2、添加hover僞類選擇器 此時效果： 鼠標移入顏色發生變化，但是感覺過於生硬，能不能讓顏色慢慢改變呢？對，我們接下來就是要實現「漸變色」的效果。 3、實現漸變色 代碼中的3s即爲設置3秒鐘的漸變色時間，看下此時的效果： 發現漸變色的效果

>>阅读原文<<