Vill du skapa en parallaxbakgrund i Elementor ?
Inom 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 skapa den här typen av bakgrund.
Vi kommer att täcka det här.
Du kan stöta på ett litet problem när du lägger till parallaxbakgrund Elementor bil Elementor använder inte specifikt termen "parallax". För att istället skapa en parallaxbakgrund i Elementor kan du applicera en rullningseffekt på bakgrunden som du vill skapa parallaxeffekten på. Bakgrunden vi menar här är avsnittsbakgrunden och kolumnbakgrunden.
Om du inte har använt Elementor än, kolla in Hur man installerar Elementor på WordPress
Om du inte kan ta reda på vad vi pratar om, 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. Faktum är att fallet inte alltid är så. Istället för att flytta kan en webbdesigner använda olika effekter som oskärpa, transparens eller skala. Elementor själv erbjuder 6 olika effekter:
- Vertikal rullning: Bakgrunden flyttas vertikalt på musrullning
- rullning horisontell: Bakgrunden flyttas horisontellt på musrullning
- Genomskinlighet: Bakgrunden visas som genomskinlig innan musrullning
- Suddigt: Bakgrunden är suddig innan musrullning
- Stege: Bakgrunden visas i en viss skala innan musrullning
Hur man använder rullningseffekt i Elementor
Som vi nämnde kan du applicera parallaxbakgrunden, antingen på en sektion eller en kolumn.
Läs också: Hur man använder Elementor för att bygga webbplatser
Så välj en kolumn eller en sektion där du vill använda parallaxeffekten. Gå till flik Stil och öppna avsnittet bakgrund. Ställ in bakgrundstypen till klassisk och välj en bild du vill använda som bakgrund och aktivera Rullaffekter.
Ställ in positionen och storleken på bakgrundsbilden och välj sedan en parallaxeffekt som du vill använda genom att klicka på pennikonen på ett av de tillgängliga parallaxeffektalternativen.
Du kan aktivera mer än en parallaxeffekt om du vill.
Det är allt. Du kan fortsätta redigera din sida eller mall. När du är klar kan du publicera eller uppdatera den.
Skaffa Elementor Pro nu!!!
Slutsats
Här! Det är det för den här artikeln som visar dig hur skapa parallaxbakgrund i Elementor. Om du har några funderingar kring hur du ska ta dig dit, låt oss veta inom commentaires.
Du kan dock också konsultera våra resurser, om du behöver fler element för att genomföra dina projekt för att skapa webbplatser, genom att konsultera vår guide om WordPress blogg skapande eller den på Divi: det bästa WordPress-temet genom tiderna.
Men under tiden dela den här artikeln på dina olika sociala nätverk.
.
