CSS Transform generator for sene mennesker.
Still inn skalaen, roter, oversett og skjev og se direkte forhåndsvisning for å få ønsket visning.
Unngå å angi ekstreme verdier for skjevhetsegenskapen fordi forhåndsvisningen kan dekke innstillingspanelet. I denne situasjonen må du oppdatere siden.
Skaler, roter, oversett og skjev
Skalering fungerer som om du ville zoome inn og ut det målrettede elementet. Standard skalaverdi er 1, som fungerer som en multiplikator av den opprinnelige størrelsen. Dette betyr at 0,5 halver mens 2 dobler seksjonen.
Roter elementet med klokken med den andre egenskapen som er satt i grader. Snu med 180° setter objektet opp ned mens 360° tar er tilbake til sin opprinnelige oppreiste posisjon. Angi en positiv eller negativ verdi eller til og med desimaler.
Oversett forskyver elementet med piksler relatert til dens opprinnelige posisjon. X-verdien horisontalt mens Y vertikalt når rotasjonsattributtet er null.
Skyv objektene på deres horisontale (X) eller vertikale (Y) aksel.
CSS-transformasjon forklart
Transform CSS-egenskapen lar deg rotere, skalere, skjeve og oversette et element. Den endrer koordinatrommet til den visuelle CSS-formateringsmodellen.
Definisjon og bruk
Transformeringsegenskapen bruker en 2D- eller 3D-transformasjon på et element. Denne egenskapen lar deg rotere, skalere, flytte, skjeve osv. elementer.
Nettleserstøtte
Tallene i tabellen spesifiserer den første nettserversjonen som fullt ut støtter egenskaper.
Tall etterfulgt av -webkit-, -moz- eller -o- spesifiserer den første versjonen som fungerte med et prefiks.
Syntaks
transform: none|transform-functions|initial|inherit;
