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 通訊軟體來解決,即便是剛安裝好,沒有任何儲值金額也能撥打。