3d變形

透視:perspective:none|<length>

perspective:none;

perspective:2000px; 人眼離物體的距離

perspective:500px;

perspective-origin 透視角度

perspective-origin:50% 50%; 在物體正中間透視

perspective-origin:left bottom 左下角

perspective-origin:50% -800px; 正中間向上便宜了800px;

perspective-origin:right; 右邊的中間位置

translate3d()

scale3d()

rotate3d()

transform-style

backface-visibility

本節所講語法和案例在低版本瀏覽器(如IE6、IE7、IE8等)中不支持。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 2d變形transform: none | transform-function1.rotate(角度)Rotat...
    奶瓶SAMA閱讀 211評論 0 0
  • 3D 變換是 CSS3 非常重要的一項特性,有了它我們可以制作出很多 3D 效果,配合運動可以實現很炫的特技。學了...
    柏丘君閱讀 952評論 0 0
  • Ana Tudor 是當你點擊她CodePen賬號你會被嚇~尿的女神。你會不禁喊道“天(wo)吶(cao)”。這條...
    水墨寒閱讀 1,698評論 7 13
  • 有了css3的3d變形功能之后,寫一個梯形出來就不需要再用border搭兩個三角形在兩邊了。 我們讓它以水平方向上...
    巴斯光年lip閱讀 8,971評論 1 7
  • 京師皇城,天子腳下。你以為就無比繁華,人人都安居樂業嗎?在那些黑暗中隱藏著的是這個世上最見不得光的東西。 ...
    李某某不能用閱讀 391評論 0 0