過渡：《屬性》 《時間》 《動畫型別》 《延遲》
語法：property
transition-property ： none | all | [ ] [ ',' ]*
transition-duration ： [, ]*transition-duration是用來指定元素 轉換過程的持續時間，取值：為數值，單位為s（秒）或者ms(毫秒),可以作用於所有元素，包括:before和:after偽元素。其預設值是0，也就是變換時是即時的。
transition-timing-function的值允許你根據時間的推進去改變屬性值的變換速率，transition-timing-function有6個可能值：
1、ease：（逐漸變慢）預設值，ease函式等同於貝塞爾曲線(0.25, 0.1, 0.25, 1.0).
2、linear：（勻速），linear 函式等同於貝塞爾曲線(0.0, 0.0, 1.0, 1.0).
3、ease-in：(加速)，ease-in 函式等同於貝塞爾曲線(0.42, 0, 1.0, 1.0).
4、ease-out：（減速），ease-out 函式等同於貝塞爾曲線(0, 0, 0.58, 1.0).
5、ease-in-out：（加速然後減速），ease-in-out 函式等同於貝塞爾曲線(0.42, 0, 0.58, 1.0)
6、cubic-bezier：
四、transition-delay:
語法：
transition-delay ： [, ]*transition-delay是用來指定乙個動畫開始執行的時間，也就是說當改變元素屬性值後多長時間開始執行transition效果，其取值：為數值，單位為s（秒）或者ms(毫秒)，其使用和transition-duration極其相似，也可以作用於所有元素，包括:before和:after偽元素。 預設大小是"0"，也就是變換立即執行，沒有延遲。
格式： all（所有屬性改變）這個也是其預設值 ， 5s 動畫持續5s ,動畫型別 逐漸減慢， 0.3s開始執行
-webkit-transition:all5
s ease0.3
s;
transition:all5
s ease0.3
s;
CSS3屬性box sizing使用指南
box sizing用於改變cswww.cppcns.coms盒子模型，從而改變元素寬高的計算方式。box sizing取值如下 複製 如下 box sizing content box padding box border box 預設值是 content box 對應css2.1規範中標準的盒子...
css3新動 CSS3 動畫
注意 1 animation play state 也是 animation 的簡寫屬性，但在 webkit 中不適用 animation myfirst 5s infinite linear paused 即 animation name myfirst animation duration 5s...
《CSS3使用指南》讀書筆記
一 css3的來龍去脈 1.css3的新特性 1 不依賴的視覺效果 2 盒容器變形 3 獨一無二的字型 4 強大的選擇器 5 過渡與動畫 6 資訊查詢 7 多列布局 2.css標準發布分5個階段，所有特性的目前所處階段可以在這裡檢視 www.w3.org style css current work...