I samband med webbdesign avser bakgrundsparallax ett beteende där bakgrunden rör sig i en långsammare takt än förgrunden. Elementor (proversionen) kommer med en funktion som låter dig lägga till den här typen av bakgrund.
Vi kommer att täcka det här.
Du kanske har lite problem att lägga till parallaxbakgrund i Elementor bil Elementor använder inte specifikt termen "parallax". Istället för att lägga till en parallaxbakgrund i Elementor, kan du använda en rullningseffekt på bakgrunden som du vill lägga till parallaxeffekten till. Bakgrunden vi menar här är avsnittsbakgrunden eller kolumnbakgrunden.
Om du är ny på parallax, ta en titt på följande exempel och lägg märke till bakgrundsbilden. Detta är ett exempel på parallaxeffekten.
Vi sa att parallaxeffekten hänvisar till att bakgrunden och förgrunden har en annan rörelsehastighet. När det gäller fakta är fallet inte alltid så. Istället för rörelse kan en webbdesigner tillämpa olika effekter som oskärpa, transparens eller skala. Elementor själv erbjuder 6 olika effekter:
- Vertikal rullning: Bakgrunden flyttas vertikalt på musrullning
- Horisontell rullning: Bakgrunden flyttas horisontellt på musrullning
- Genomskinlighet: Bakgrunden visas som genomskinlig innan musrullning
- Suddigt : Bakgrunden är suddig innan musrullning
- Rotation: Bakgrunden roterar på musrullning
- Stege: Bakgrunden visas i en viss skala innan du rullar med musen
Hur man använder rullningseffekt i Elementor
Som vi nämnde kan du applicera parallaxbakgrunden, antingen på ett avsnitt eller på en kolumn. Välj därför en kolumn eller en sektion som du vill använda parallaxeffekten på.
Gå till fliken Stil och öppna blocket Bakgrund. Ställ in bakgrundstypen till klassisk och välj en bild du vill använda som bakgrund och aktivera alternativet Scroll Effects.
Ställ in bakgrundsbildens position och storlek och välj sedan en parallaxeffekt som du vill använda genom att klicka på pennikonen i ett av de tillgängliga parallaxeffektalternativen.
Du kan aktivera flera parallaxeffekter om du vill.
Här är. Du kan fortsätta att redigera din sida eller mall. När du är klar kan du publicera eller uppdatera den.
