css3動畫、2D與3D效果

1.兼容性

　　css3針對同一樣式在不同瀏覽器的兼容 需要在樣式屬性前加上內核前綴；

　　谷歌（chrome） ? -webkit-transition:

　　Opera（歐鵬） -o-transition:

　　Firefox（火狐）? -moz-transition

　　Ie??? -ms-transition:

2.c3中的過渡屬性transition

注意：時間一定要帶單位；（div[name=zhang]是通過屬性選擇器獲取）

3.animation動畫

animation的值：第一個為自定義的動畫名，有自己任意命名；第二個為動畫時間；第三個為運動速度；第四個為是否重復infinite（重復）n（數字：可填想要運行的次數）

這里寫的是動畫運動 的過程；由自己任意填寫（想讓其怎么運動就讓他怎么運動）

4.2d和3d

Cs3中的3d和2d特效都是方法（函數）提供了四個方法

Translate() 平移 兩個參數? mpx npx

rotate()旋轉? 參數是number deg（角度）

scale()縮放 參數 2 是數字? 1代表不變

skew()拉伸 他們只是充當屬性值的。Xdeg? ydeg

3d

1.原理 近大遠小? 視距perspective

元素要有3d的效果 perspective視距給他的父級元素

Transform-style：preserve-3d；3d的內部子元素成3d效果

?

?