(前兩次作業(yè)都很敷衍漫蛔，稍微看了一下蕉堰，沒有總結....)
知識點總結：
1.屬性perspective：在中文中意思是透視旅掂，視角泽台；
?CSS3 3D transform的透視點是在瀏覽器的前方什荣！
2.屬性perspective-origin：即就是定義 3D 元素所基于的 X 軸和 Y 軸；
3.屬性transform-style：其兩個參數(shù)怀酷，flat | preserve-3d. 前者flat為默認值稻爬，表示平面的；后者preserve-3d表示3D透視胰坟；
4.屬性backface-visibility：設置背后元素是否可見因篇，一般設置hidden不可見；
5.transition:5s ease;設置動畫時間和方式笔横；
6.transform-origin:默認旋轉軸是元素中心竞滓，改屬性可以設置旋轉軸；
demo：
1吹缔、六面體旋轉
效果圖:?tzrong.github.io/task3/task3/cube.html
先創(chuàng)建一個六面體：（通過rotate（旋轉） 和translate（平移）繪制六面體）
.front{background:#009999;
transform:translateZ(50px);}
.back{background:rgba(0,255,0,1);
transform:translateZ(-50px);}
.right{background:#ac2925;
transform:rotateY(90deg)translateZ(50px);}
.left{background:#2b542c;
transform:rotateY(-90deg)translateZ(50px);}
.top{background:#8a6d3b;
transform:rotateX(90deg)translateZ(50px);}
.bottom{background:#4cae4c;
transform:rotateX(-90deg)translateZ(50px);}
/*設置動畫屬性：動畫名稱商佑，時間，速度厢塘，延遲時間茶没，次數(shù)*/
animation:scroll2s linear1s infinite;
/*關鍵幀用來創(chuàng)建keyframes創(chuàng)建動畫*/
@keyframesscroll{
100%{
transform:rotate3d(1,1,1,360deg);/*創(chuàng)建一個包含六面體的空間旋轉動畫*/
}
}
rotate3d前三個參數(shù)是設置繞x y x軸旋轉，設為0不旋轉晚碾，后一個參數(shù)是角度抓半。
