如果有寫過 jQurey 動畫效果的話,應該會知道它本身並不支援各種顏色的動畫改變,不過現在只要使用 CSS3 的 transition 的話,管它是要從紅到綠還是從白到黑都是能直接產生補間動畫的。我們拿影像左右移動突顯效果來練習吧。
標籤彙整:Animation
CSS3 應用 »
[CSS3]用 CSS3 做效果 - 影像縮放位移突顯效果
有網友在影像縮放位移突顯效果中留言說該效果不用程式也能做出來。是的~在 CSS3 的 transition 及 transform 的加持下,像這樣的效果都能不靠程式就實做出來了。
CSS3 應用 »
[CSS3]用 CSS3 做選單 - 翻選式選單
之前筆者有寫過一篇用 jQuery 做選單 – 翻選式選單的範例文章,該篇中除了使用到 jQuery 之外,還額外搭配另一個用來擴充動畫的外掛套件。但其實像這樣簡單的動態效果,只要使用 CSS3 的 transition 就能立即完成原本還要透過程式來達成的效果了。