Forvandler
Træt af alt, der ligner et perfekt rektangel? Transform-udvidelsen giver dig kraften til at vride, vippe og omforme enhver Elementor-widget eller Elements. Tilføj en subtil skævhed til et testimonial-kort, drej en overskrift for dramatisk effekt, eller skaler et billede på hover med præcision – alt sammen med enkle visuelle kontroller. Det er det hemmelige værktøj til at skabe edgy, dynamiske og virkelig unikke layouts, der skiller sig ud fra standardskabelonlooket. Gå ud over grundlæggende positionering og giv dine elementer en ny dimension.
Skæv & Roter på X & Y Akser
Få dine elementer til at læne, vippe eller vises i perspektiv. Kontroller uafhængigt værdierne Skew X og Skew Y for at oprette parallelogramformer eller dynamiske skråninger. Kombiner dette med Rotate for at dreje dit element i 2D- eller 3D-rum, og bryd den stive vandrette justering af typisk webdesign.
- Dynamisk skævhed: Påfør et skævt X for at få en beholder til at se ud, som om den læner sig frem eller tilbage.
- Præcis rotation: Roter elementer i præcise grader for kreative layouts og overlappende designs.
- Kombiner effekter: Skæv en knap, og drej den derefter lidt for en legende, off-kilter call-to-action.
Voks, krymp og tilføj dybde på svæve
Opret interaktive øjeblikke, der reagerer på dine besøgende. Brug egenskaben Skala til at få et ikon eller et billede til at vokse sig større ved svæve, og tegn øjet. Tilføj Perspektiv til en overordnet beholder for at få underordnede elementer til at rotere i 3D-rum, hvilket skaber en følelse af dybde og fordybelse, som flade designs ikke kan matche.
- Hover-Based Scaling: Indstil en hover-tilstand til Scale: 1.1 for en jævn, engagerende vokseffekt på knapper eller kort.
- 3D-lignende dybde: Brug indstillingen Perspektiv til at få flere roterede elementer til at føles som en del af en samlet 3D-scene.
- Styr oprindelsen: Skift Transform Origin for at lave en elementskala fra dets centrum, top eller hjørne.
Ofte stillede spørgsmål til transformationer
Vil skævvridning eller rotation af min tekst gøre det svært at læse?
Det kan, hvis du går overbord. Nøglen er subtilitet. En lille 2-5 graders rotation eller skævhed kan tilføje enorm visuel interesse uden at skade læsbarheden. Altid forhåndsvisning og test på forskellige enheder. For vigtig kropstekst er det bedst at holde transformationer minimale eller kun anvende dem på dekorative elementer.
Kan jeg bruge dette til at oprette et 3D-flipkort?
Du kan komme helt tæt på! Ved at kombinere Roter Y (til flip) med Perspektiv på en overordnet beholder, kan du oprette et kort, der ser ud til at vende om. Du ville bruge to elementer (for og bag) og skifte deres synlighed med mere avancerede interaktioner eller brugerdefineret kode for en komplet løsning.
Virker disse effekter på mobile enheder?
De anvendte CSS-transformationer understøttes bredt på moderne mobilbrowsere. Komplekse 3D-perspektiver eller intense animationer kan dog fungere bedre på skrivebordet. Det er altid en god idé at tjekke dit design på en rigtig telefon og forenkle effekter til mobil, hvis det er nødvendigt.
Hvordan er dette forskelligt fra Floating Effects-udvidelsen?
Fantastisk spørgsmål! Floating Effects er til automatiske, kontinuerlige animationer (som en hoppende eller drivende bevægelse). Transform-udvidelsen handler om at ændre et elements kerneform og position (skæv, drej, skaler), ofte på en statisk måde eller som en engangsinteraktion (som en svæveeffekt). De kan bruges sammen! For eksempel kan du have et kort, der er lidt skævt (Transform) og også forsigtigt pulserer (Floating Effects).
Trending Elementor Widgets & Udvidelser
Byg sofistikerede websteder på kortere tid.
Glasmorfisme
Container ekstraudstyr
Mønstre
Post/Page Duplicator
