首頁線上工具開發工具

CSS3 Animation 套用 CSS 3 動畫語法範本，就讓網站輕鬆動起來

CSS3 Animation 套用 CSS 3 動畫語法範本，就讓網站輕鬆動起來

以前想要讓網頁有動畫效果，多數要靠 JaveScript、GIF 或是 Flash，而現在則可以透過 CSS 3，不過想要透過 CSS 3 語法來做動態特效，其學習門檻著實不低。但若只想在網頁放一些較為簡單的特效，可以來參考 CSS3 Animation 這個網站所提供的 CSS 3 動畫語法免費範本，下載後，只要經過簡單的語法加工，就能套用範本，讓自己的網頁輕鬆動起來。

§相關文章，還可以參閱：

涵蓋類別：

  • ENTRANCES ：slideUp、slideDown、slideLeft、slideRight、slideExpandUp、expandUp、fadeIn、expandOpen、bigEntrance、hatch
  • MISC：bounce、pulse、floating、tossing、pullUp、pullDown、stretchLeft、stretchRight

如何使用 CSS3 Animation 所提供的 CSS 3 動畫語法？

1.使用瀏覽器進入 CSS3 Animation ，可以先點擊綠色的特效按鈕來體驗各種效果，接下來按網頁右上角的[ download ]來下載。

CSS3 Animation 套用 CSS 3 動畫語法範本，就讓網站輕鬆動起來

2.開啟要引入特效的網頁，在<head></head>之間加入 <link rel="stylesheet" href="animations.css">

CSS3 Animation 套用 CSS 3 動畫語法範本，就讓網站輕鬆動起來

3.效果。

CSS3 Animation 套用 CSS 3 動畫語法範本，就讓網站輕鬆動起來

現在多數的教學或簡報都是投影文件來進行，若電腦的解析度很高，通常投影後的字體也不會有多大，加上每個字體的大小、顏色都一致，坐在台下的觀眾，很難集中精神聽台上的你已經講到哪裡，若文件是固定的，不妨利用 Windows 內建的放大鏡，將投影的文件做一些局部的放大或色差，讓簡報或教學能更有效果。

出門在外，想要使用手機撥打 0800 免付費電話，常會被告知不接受手機撥打 0800，這時候，我們可以透過微軟的 Skype 通訊軟體來解決，即便是剛安裝好，沒有任何儲值金額也能撥打。