html-css之3D轉換(transform)

學習資料:菜鳥教程http://www.runoob.com/css3/css3-3dtransforms.html;

w3plus:http://www.w3cplus.com/content/css3-transform

transform3d方法:rotat3d(x,y,z,角度值);旋轉

代碼:transform: rotate3d(.5,.5,.5,90deg);

效果圖:

translate3d(x,y,z);平移

代碼:

transform: translate3d(200px,100px,100px);

效果圖:

scale3d(x,y,z);縮放

 

比如像:transform-style: preserve-3d。 ect見菜鳥教程

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章