[WebTech #79] CSS > 4. CSS 範例 > 4-10 動畫
CSS3 也能做動畫喔！先來看幾個例子吧：
動畫教學文：
(1) http://webdesign.tutsplus.com/tutorials/htmlcss-tutorials/css3-animations-the-hiccups-and-bugs-youll-want-to-avoid/
彈跳效果：
(1) 教學： http://www.hongkiat.com/blog/css3-bounce-effect/
(2) 範例： http://tympanus.net/codrops/2012/05/22/creating-an-animated-3d-bouncing-ball-with-css3/
搖擺的鈴鐺：
(1) http://inspectelement.com/tutorials/ring-a-bell-with-css-keyframe-animations/
翻頁效果：
(1) http://www.hongkiat.com/blog/css3-3d-transforms/
---
最棒的 CSS Selector 或 Properties 線上參考手冊：
（進入後，Selector 在中央，Properties 在左下選單）
http://www.w3schools.com/cssref/css_selectors.asp
keyframe css 在 Animation 和keyframe | 卡斯伯Blog - 前端，沒有極限 的推薦與評價
CSS 的Animation分為兩個部分，一個是決定動畫該如何跑的Keyframe，另一個是將動畫載入元素的Animation。簡單來說，就是先製作一個keyframe來決定動畫 ... ... <看更多>