分類彙整：CSS3 應用

剛剛本來是要跟梅干 A 幾張新圖片來寫範例使用的，他就很大方的給我 Flickr 的相簿讓我自己選。選著選著...咦~Flickr 的載入動畫還蠻有趣的耶，那...就讓我手癢想來試看看。

昨天教各位使用 border-radius 來畫太極圖，今天則是要教各位一樣是使用圓角效果來愛心。

border-radius 除了做邊框圓角效果之外，把它用在畫圖示上的話，其實能產生出很多不同的創意哩。筆者今天要繼續使用它來教各位畫-太極圖。

如果有寫過 jQurey 動畫效果的話，應該會知道它本身並不支援各種顏色的動畫改變，不過現在只要使用 CSS3 的 transition 的話，管它是要從紅到綠還是從白到黑都是能直接產生補間動畫的。我們拿影像左右移動突顯效果來練習吧。

在用 CSS3 做表單 - 自訂單/多選框樣式(一)中學到將 label 標籤改成帶有單/多選框的功能，而現在則是要教大家如何憑空產生出單/多選框的元素囉。