Transformacijos kontrolės priemonės
Translation
Rotation
Scale
Skew
Transformuoti kilmę
Presets
Preview
CSS3
Animation
Sugeneruotas kodas
.element { transform: translate(0px, 0px) translateZ(0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1) skewX(0deg) skewY(0deg); transform-origin: 50% 50%; }
Galingos funkcijos
Intuityvūs valdikliai
Lengvai reguliuokite transformacijos parametrus naudodami reaguojančius slankiklius ir intuityvius valdiklius.
Peržiūra realiuoju laiku
Tiksliai sužinokite, kaip atrodys jūsų transformacijos, naudodami tiesioginį vaizdinį grįžtamąjį ryšį.
Švari CSS išvestis
Gaukite gerai suformatuotą, gamybai paruoštą CSS kodą, kurį galėsite nedelsdami nukopijuoti ir naudoti.
Išankstiniai transformacijos nustatymai
Pradėkite nuo populiarių transformacijos stilių ir pritaikykite juos pagal savo poreikius.
3D transformacijos
Kurkite nuostabius 3D efektus valdydami visas tris ašis ir perspektyvą.
Animuoti transformacijas
Pridėkite sklandžią animaciją prie savo transformacijų valdydami trukmę ir iteracijas.
3D kortelės apvertimas
Sukurkite interaktyvią kortelę, kuri užveskite pelės žymeklį ir puikiai tinka papildomai informacijai atskleisti.
Užveskite pelės žymeklį ant mastelio keitimo ir pasukite
Pridėkite akį traukiantį efektą mygtukams ar vaizdams, kurie sąveikaudami keičia mastelį ir sukasi.
Iškrypimo efektas
Taikykite subtilią iškrypimo transformaciją, kad sukurtumėte dinamiškus ir modernius vartotojo sąsajos elementus.
Apie CSS3 transformacijos generatorių
Šis įrankis buvo sukurtas siekiant supaprastinti darbo su CSS3 transformacijomis procesą. Nesvarbu, ar esate profesionalus kūrėjas, ar tik pradedate nuo žiniatinklio dizaino, šis generatorius padeda vizualizuoti ir kurti sudėtingas transformacijas neįsimenant sintaksės.
CSS3 transformacijos leidžia pasukti, keisti mastelį, perkelti, iškreipti ir kurti 3D efektus HTML elementams. Jie yra galinga šiuolaikinio interneto dizaino dalis, tačiau juos gali būti sudėtinga įvaldyti. Mūsų generatorius suteikia intuityvią sąsają, leidžiančią eksperimentuoti su skirtingomis transformacijomis ir akimirksniu pamatyti rezultatus.
Related Tools
Mažiau į CSS Konverteris
Paverskite savo "Less" kodą į CSS. Greita, paprasta ir saugu.
Sass į CSS Konverteris
Paverskite savo Sass kodą į CSS. Greita, paprasta ir saugu.
Rašiklis į CSS Konverteris
Transformuokite savo SCSS kodą į CSS. Greita, paprasta ir saugu.
Konvertuokite XML į JSON be vargo
Transformuokite XML duomenis į struktūrinį JSON formatą vienu spustelėjimu. Greitas, saugus ir visiškai pagrįstas naršykle.
Masės vieneto keitiklis
Tiksliai konvertuokite skirtingus masės vienetus savo moksliniams ir kasdieniams poreikiams
Pantone į HEX
Konvertuokite Pantone spalvas į HEX reikšmes žiniatinklio dizainui