CSS transformacijos generatorius tinginiams.
Nustatykite mastelį, pasukite, išverskite ir pakreipkite ir tiesioginę peržiūrą, kad gautumėte norimą vaizdą.
Venkite nustatyti kraštutines pasvirimo savybes vertes, nes peržiūra gali apimti nustatymų skydelį. Tokiu atveju atnaujinti puslapį.
Mastelio keitimas, pasukimas, vertimas ir pakreipimas
Skalė veikia taip, kaip priartintumėte ir sumažintumėte tikslinį elementą. Numatytoji mastelio reikšmė yra 1, kuri veikia kaip pradinio dydžio daugiklis. Tai reiškia, kad 0,5 pusės, o 2 padvigubina atkarpą.
Pasukite elementą pagal laikrodžio rodyklę stovą antrą ypatybę, kuri nustatyta laipsniais. Sukant 180°, objektas apverčiamas aukštyn kojomis, o 360° kampu grįžtama į pradinę vertikalią pusę. Nustatykite bet teigiamą ar neigiamą poveikį arba net dešimtainės dalis.
Vertimas perkelia elementą pikseliai, susiję su pradine padėtimi. X reikšmė horizontaliai, o Y vertikaliai, kai yra rotate atributas, yra nulis.
Pasukite objektus ant horizontalios (X) arba vertikalios (Y) ašies.
CSS transformacija, paaiškinta
Naudodami transformavimo CSS ypatybę galite pasukti, keisti mastelį, iškreipti ir išversti elementą. Tai modifikuoja CSS vizualinio formatavimo modelio koordinačių erdvę.
Apibrėžimas ir naudojimas
Transformacijos ypatybė pritaiko elementui 2D arba 3D transformaciją. Ši savybė leidžia pasukti, keisti mastelį, perkelti, iškreipti ir pan., elementus.
Naršyklės palaikymas
Skaičiai lentelė nurodo pirmąją naršyklę, kuri visiškai grąžina nuosavybę.
Skaičiai po kurių yra -web-, -moz- arba -o-, nurodo pirmąją, kuri veikė su priešdėliu.
Sintaksė
transform: none|transform-functions|initial|inherit;
