CSS3 జనరేటర్‌ని మార్చండి: స్కేల్, రొటేట్, ట్రాన్స్‌లేట్ మరియు స్కేవ్

CSS3.0 Transform

సోమరి ప్రజల కోసం CSS ట్రాన్స్‌ఫార్మ్ జనరేటర్.

కావలసిన వీక్షణను పొందడానికి స్కెల్‌ను సెట్ చేయండి, తిప్పండి, అనువదించండి మరియు వక్రంగా మార్చండి మరియు ప్రత్యక్ష ప్రివ్యూని చూడండి.

ప్రివ్యూ సెట్టింగ్‌ల ప్యానెల్‌ను కవర్ చేసే అవకాశం ఉన్నందున స్కే ప్రాపర్టీ కోసం తీవ్ర విలువలను సెట్ చేయడం మానుకోండి. ఈ పరిస్థితిలో మీరు పేజీని రిఫ్రెష్ చేయాలి.

 

స్కేల్, రొటేట్, ట్రాన్స్‌లెట్ మరియు స్కేవ్

స్కేల్ మీరు లక్ష్యంగా ఉన్న మూలకాన్ని జూమ్ ఇన్ మరియు అవుట్ చేసినట్లుగా పనిచేస్తుంది. డిఫాల్ట్ స్కేల్ విలువ 1, ఇది అసలు పరిమాణం యొక్క గుణకం వలె పనిచేస్తుంది. దీనర్థం 0.5 సగం అయితే 2 విభాగాన్ని రెట్టింపు చేస్తుంది.

 

పరీక్షలో సెట్ చేయబడిన రెండవ లక్షణంతో మూలకాన్ని సవ్యదిశలో తిప్పండి. 180°తో తిరగడం వల్ల ఆబ్జెక్ట్‌ను తలక్రిందులుగా ఉంచుతుంది, అయితే 360° తీసుకుంటే దాని అసలు నిటారు స్థానానికి తిరిగి వస్తుంది. ఏదైనా సానుకూల లేదా ప్రతికూల విలువ లేదా దశాంశాలను కూడా సెట్ చేయండి.

 

అనువాదం దాని అసలు స్థానానికి సంబంధించిన పిక్సెల్‌లతో మారుస్తుంది. X విలువ అడ్డంగా అయితే Y నిలువుగా రొటేట్ లక్షణం ఉన్నప్పుడు సున్నా.

 

వస్తువులను వాటి క్షితిజ సమాంతర (X) లేదా వస్తువుల నిలువు (Y) ఇరుసుపై వక్రీకరించండి.

 

CSS రూపాంతరం వివరించబడింది 

పరివర్తన CSS లక్షణం మూలకాన్ని తిప్పడానికి, స్కేల్ చేయడానికి, వక్రంగా మార్చడానికి మరియు అనువదించడానికి మిమ్మల్ని అనుమతిస్తుంది. ఇది CSS విజువల్ ఫార్మాటింగ్ మోడల్ కోఆర్డినేట్ స్పేస్‌ను సవరిస్తుంది.

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

పరివర్తన లక్షణం మూలకానికి 2D లేదా 3D పరివర్తనను వర్తిస్తుంది. ఈ ప్రాపర్టీ మూలకాలను తిప్పడానికి, స్కేల్ చేయడానికి, తరలించడానికి, వక్రంగా మార్చడానికి మిమ్మల్ని అనుమతిస్తుంది.

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

పట్టికలోని సంఖ్యలు ప్రాపర్టీకి పూర్తిగా మద్దతిచ్చే మొదటి బ్రౌజర్ వెర్షన్‌ను అందించాయి.

-webkit-, -moz- లేదా -o- తర్వాత వచ్చే సంఖ్యలు ఉపసర్గతో పనిచేసిన మొదటి సంస్కరణను నమోదు చేయబడ్డాయి.

వాక్యనిర్మాణం
transform: none|transform-functions|initial|inherit;