![[CSS3]用 CSS3 做載入動畫 - 仿 Flickr 載入動畫](https://abgne.tw/wp-content/themes/abgne.tw_4.0/images/thumb.php?src=uploads/2014/01/css3-flickr-loading-spinner-5.gif&w=150&h=120&zc=1)
剛剛本來是要跟梅干 A 幾張新圖片來寫範例使用的,他就很大方的給我 Flickr 的相簿讓我自己選。選著選著...咦~Flickr 的載入動畫還蠻有趣的耶,那...就讓我手癢想來試看看。
昨天教各位使用 border-radius 來畫太極圖,今天則是要教各位一樣是使用圓角效果來愛心。
如果有寫過 jQurey 動畫效果的話,應該會知道它本身並不支援各種顏色的動畫改變,不過現在只要使用 CSS3 的 transition 的話,管它是要從紅到綠還是從白到黑都是能直接產生補間動畫的。我們拿影像左右移動突顯效果來練習吧。
在用 CSS3 做表單 - 自訂單/多選框樣式(一)中學到將 label 標籤改成帶有單/多選框的功能,而現在則是要教大家如何憑空產生出單/多選框的元素囉。