標籤彙整：CSS3

載入動畫(Loading Spinner)顧名思義就是用在網頁未載入完成前顯示給瀏覽者看的動畫效果。因為現在的網站都越做越酷炫，當然所要載入的元素跟資源也跟著變大，因此在未全部載入完之前，可以先顯示個載入動畫來讓瀏覽者了解頁面還在載入中。

今天也一樣是要將之前的依連結的檔案類型顯示圖示改用 CSS3 再搭配個 ::after 擬元素(Pseudo-elements) 來做出一樣的效果。

之前筆者有寫過一篇用 jQuery 做選單 – 翻選式選單的範例文章，該篇中除了使用到 jQuery 之外，還額外搭配另一個用來擴充動畫的外掛套件。但其實像這樣簡單的動態效果，只要使用 CSS3 的 transition 就能立即完成原本還要透過程式來達成的效果了。

表單是做網頁中很常使用到的元素，但預設的樣式都是醜醜很陽春的，筆者今天要教各位快速做出自訂的單/多選框樣式，讓您的表單硬是要跟別人不一樣。

text-shadow 是 CSS3 才有的屬性，想當然的在 IE6~8 中是一定不支援的。TextShadow 外掛套件則是利用了產生另一層一樣內容的區塊疊在一起，然後做出模擬 text-shadow 的假像，不過並不支援模糊效果。