స్టైల్ ట్రాన్స్ఫార్మ్ అనునాయిక

నిర్వచనం మరియు వినియోగం

ట్రాన్స్ఫార్మ్ అంతరిక్షంపై 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 పరిపూర్ణమైన పరిపూర్ణమైన అంశాన్ని నిర్వచించు.
scale(x, y) 2D పరిపూర్ణమైన పరిపూర్ణమైన అంశాన్ని నిర్వచించు.
scale3d(x, y, z) 3D పరిపూర్ణమైన పరిపూర్ణమైన అంశాన్ని నిర్వచించు.
scaleX(x) X అక్షంపై పరిమాణాన్ని పరిపూర్ణమైన పరిపూర్ణమైన అంశాన్ని నిర్వచించు.
scaleY(y) Y అక్షంపై పరిమాణాన్ని పరిపూర్ణమైన పరిపూర్ణమైన అంశాన్ని నిర్వచించు.
scaleZ(z) Z అక్షంపై పరిమాణాన్ని పరిపూర్ణమైన పరిపూర్ణమైన అంశాన్ని నిర్వచించు.
rotate(angle) పరిమాణాన్ని పరిపూర్ణమైన పరిపూర్ణమైన అంశాన్ని నిర్వచించు.
rotate3d(x, y, z, angle) 3D పరిపూర్ణమైన పరిపూర్ణమైన అంశాన్ని నిర్వచించు.
rotateX(angle) X అక్షం పైన పరిపూర్ణమైన పరిపూర్ణమైన అంశాన్ని నిర్వచించు.
rotateY(angle) Y అక్షం పైన పరిపూర్ణమైన పరిపూర్ణమైన అంశాన్ని నిర్వచించు.
rotateZ(angle) Z అక్షం పైన పరిపూర్ణమైన పరిపూర్ణమైన అంశాన్ని నిర్వచించు.
skew(x-angle, y-angle) X అక్షం మరియు Y అక్షం పైన పరిపూర్ణమైన క్రమంగా అంశాన్ని నిర్వచించు.
skewX(angle) X అక్షం పైన పరిపూర్ణమైన క్రమంగా అంశాన్ని నిర్వచించు.
skewY(angle) Y అక్షం పైన పరిపూర్ణమైన క్రమంగా అంశాన్ని నిర్వచించు.
perspective(n) 3D పరిపూర్ణమైన అంశాన్ని పరిపూర్ణమైన పర్స్పెక్టివ్ నిర్వచించు.
initial ఈ అంశాన్ని అప్రమేయ విలువకు అంతర్భాగంగా నిర్వచించు. చూడండి: initial.
inherit ఈ అంశాన్ని తన ప్రాతిపదిక అంశం నుండి పారామితించు. చూడండి: inherit.

సాంకేతిక వివరాలు

అప్రమేయ విలువలు: ఎక్కువ లేదు
వాయిదా విలువలు: పదబంధం ద్వారా అంశం నిర్వచించబడింది ద్వారా ఎలిమెంట్ ను సూచిస్తుంది transform అంశం.
CSS సంస్కరణానికి: CSS3

బ్రౌజర్ మద్దతు

పట్టికలో సంఖ్యలు ఈ లక్షణాన్ని పూర్తిగా మద్దతు ఇస్తున్న మొదటి బ్రౌజర్ సంస్కరణను సూచిస్తాయి.

చ్రోమ్ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఒపెరా
చ్రోమ్ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఒపెరా
36.0 10.0 16.0 9.0 23.0