男丁格爾's 脫殼玩

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

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

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

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

如果想在圖片上加入陰影效果時，一般可能會需要使用到影像編輯軟體才行。但現在可以用 CSS3 的 box-shadow 屬性就能輕鬆做出陰影效果了。