ਸਟਾਈਲ ਟਰਾਂਸਫਾਰਮ ਪ੍ਰਤਿਭਾ

ਵਿਆਖਿਆ ਅਤੇ ਵਰਤੋਂ

transform ਇਸ ਪ੍ਰਤਿਭਾ ਵਿੱਚ 2D ਜਾਂ 3D ਟਰਾਂਸਫਾਰਮੇਸ਼ਨ ਲਾਗੂ ਕਰੋ। ਇਹ ਪ੍ਰਤਿਭਾ ਤੁਹਾਨੂੰ ਟਰਾਂਸਫਾਰਮੇਸ਼ਨ ਕਰਨ ਦੀ ਆਗਿਆ ਦਿੰਦੀ ਹੈ ਜਿਵੇਂ ਕਿ ਰੋਟੇਟ, ਸਕੇਲ, ਮੋਵ, ਕਿਲਟ ਆਦਿ।

ਹੋਰ ਦੇਖੋ:

CSS ਪ੍ਰਸਤਾਵਨਾ ਮੁੱਲਕtransform ਗੁਣ

ਇੰਸਟੈਂਸ

ਡਿਵ ਐਲੀਮੈਂਟ ਨੂੰ ਰੋਟੇਟ ਕਰੋ:

document.getElementById("myDIV").style.transform = "rotate(7deg)";

亲自试一试

语法

返回 transform 属性：

object.style.transform

设置 transform 属性：

object.style.transform = "none|transform-functions|initial|inherit"

属性值

值 描述
none 定义不应有转换。
matrix(n, n, n, n, n, n) 使用六个值的矩阵定义二维转换。
matrix3d(n, n, n, n, etc....) 使用 16 个值的 4x4 矩阵定义 3D 转换。
translate(x, y) 定义 2D 平移。
translate3d(x, y, z) 定义 3D 平移。
translateX(x) 定义平移，仅使用 X 轴的值。
translateY(y) 定义平移，仅使用 Y 轴的值。
translateZ(z) 定义 3D 平移，仅使用 Z 轴的值。
scale(x, y) 定义 2D 比例转换
scale3d(x, y, z) 定义 3D 比例转换。
scaleX(x) 通过给 X 轴一个值来定义比例转换。
scaleY(y) 通过给 Y 轴一个值来定义比例转换。
scaleZ(z) 通过给 Z 轴一个值来定义 3D 比例转换。
rotate(angle) 定义 2D 旋转，在参数中规定角度。
rotate3d(x, y, z, angle) 定义 3D 旋转。
rotateX(angle) 定义沿 X 轴的 3D 旋转。
rotateY(angle) 定义沿 Y 轴的 3D 旋转。
rotateZ(angle) 定义沿 Z 轴的 3D 旋转。
skew(x-angle, y-angle) 定义沿 X 轴和 Y 轴的 2D 倾斜转换。
skewX(angle) 定义沿 X 轴的 2D 倾斜转换。
skewY(angle) 定义沿 Y 轴的 2D 倾斜转换。
perspective(n) 定义 3D 转换元素的透视图。
initial 将此属性设置为其默认值。请参阅 initial
inherit 从其父元素继承此属性。请参阅 inherit

ਤਕਨੀਕੀ ਵੇਰਵੇ

ਮੂਲ ਵੈਲਿਊ: ਨਾਨਕਿਆਂ
ਰਿਟਰਨ ਵੈਲਿਊ: ਇੱਕ ਸਟਰਿੰਗ ਹੈ ਜੋ ਇਲੈਕਟਰਨ ਦੀ transform ਗੁਣ
CSS ਸੰਸਕਰਣ: CSS3

ਬਰਾਉਜ਼ਰ ਸਮਰਥਨ

ਸਾਰੇ ਸਾਡੇ ਸਟੇਪਸ ਨੂੰ ਪਹਿਲੇ ਇਸ ਗੁਣ ਦੀ ਪੂਰੀ ਤਰ੍ਹਾਂ ਸਮਰਥਨ ਕਰਨ ਵਾਲੇ ਬਰਾਉਜ਼ਰ ਦੀ ਆਈਸੀ ਲਈ ਦਿਸ਼ਾ ਰੱਖਿਆ ਹੈ。

کروم ایج فائر فاکس سافری آپرا
کروم ایج فائر فاکس سافری آپرا
36.0 10.0 16.0 9.0 23.0