分類彙整：CSS3 應用

有網友在影像縮放位移突顯效果中留言說該效果不用程式也能做出來。是的~在 CSS3 的 transition 及 transform 的加持下，像這樣的效果都能不靠程式就實做出來了。

CSS3 除了用來裝飾網頁元素之外，其實如果你有天份的話，學學之前的日本神人透過畫出個哆啦a夢也不是什麼大問題哩。當然啦~羅馬不是一天造成的，現在要立馬畫出哆啦a夢是太強人所難了，所以我們就從最基本的圖示來練習吧！

筆者在用 jQuery 做畫廊 – 滑入滑出時偽原地縮放圖片中為了達到以中心為原點的縮放效果，程式中寫了較多的判斷。但其實使用 CSS3 的 transform 的話，根本不用寫什麼複雜的語法就能達到以中心為原點進行縮放了。

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

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