CSS 3 3D 轉換

時間 2020-05-20

標籤 css 3d 轉換欄目 CSS 简体版

原文原文鏈接

3D轉換時，要賦予改變元素的父元素 perspective 屬性ide

perspective： m px; // 視點和畫面的距離，視點的位置默認在父元素的中心spa

perspective-origin：right top;//改變視點的位置3d

transform-orgin: // orm

backface-visibility: hidden / visible(默認)it

========================================================================================form

使用 transform 屬性將 HTML 元素在三維空間內class

1.旋轉 rotatetransform

rotateX(角度)top

rotateY(角度)tab

rotateZ(角度)

rotate3d(x,y,z,角度) //

2.移動 translate

translateX(長度)

translateY(長度)

translateZ(長度)

translate3d(x,y,z,角度)

3.縮放 scale

scaleX(x)

scaleY(y)

scaleZ(z)

scale3d(x,y,z)

==================================================================================

transform-style: flat //默認，子元素將不保留其3D位置

preserve-3d; //子元素將保留其3D位置

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。