Vill du använda en rullningseffekt i Elementor?
En av de övertygande sakerna när man designar en sida eller mall med hjälp av Elementor är att du kan tillämpa vissa animationseffekter på sidan eller mall du arbetar med. En av dem är en rullningseffekt som vi kommer att täcka i den här artikeln.
Själva rullningseffekten är en funktion tillgänglig på Elementor Pro. Så du måste uppgradera din Elementor till proversionen om du inte har gjort det.
Vad är rullningseffekten?
Detta är en typ av animationseffekt som uppstår när användare rullar musen över en sida. Vare sig det är upp eller ner. Effekten kan variera beroende på din inställning. Elementor själv erbjuder 6 effektalternativ:
- Vertikal rullning: objektet kommer att flyttas vertikalt när du rullar med musen
- rullning horisontell: objektet kommer att flytta sig horisontellt när du rullar med musen
- Genomskinlighet: Objektet kommer att visas som genomskinligt innan musrullning
- Suddigt: Objektet kommer att se suddigt ut innan musrullningen
- Stege: Objektet kommer att visas i en viss skala före musrullningen
Du kan använda en rullningseffekt oavsett om det är på ett avsnitt, en kolumn eller en widget.
Hur man använder rullningseffekt i Elementor
Som vi nämnde är rullningseffekt en av funktionerna i Elementor Pro. Med andra ord måste du använda Elementor Pro för att använda den här funktionen.
I den här handledningen kommer vi att visa dig hur du använder en horisontell rullningseffekt. Som namnet antyder kommer denna effekt att tillämpa vertikal rörelse på ett objekt när musen rullas. Denna effekt är utmärkt i kombination med lottie.
Nedan är ett exempel innan du använder den horisontella rullningseffekten.
Och här är exemplet efter att ha tillämpat den horisontella rullningen.
Anm: Följande handledning använder Lottie.
Lade till rullningseffekt
Återigen kan du använda rullningseffekten på en sektion, kolumn eller widget.
Välj först ett element (sektion, kolumn eller widget) som du vill använda rullningseffekten på och gå till fliken advanced i den vänstra panelen och öppna avsnittet Rörelseeffekter.
Aktivera alternativet Rullaffekter.
Eftersom vi vill använda den horisontella rullningseffekten, klicka på pennikonen på alternativet Horisontell rullning för att göra inställningar som riktning (vänster eller höger), hastighet och fönster (området som är synligt för användaren).
Du kan använda flera rullningseffekter om du vill. Klicka bara på pennikonen på andra rullningseffektalternativ för att tillämpa andra rullningseffekter.
Det är allt. När sidan är klar kan du publicera / uppdatera den. Du kan också inaktivera rullningseffekten på en viss typ av enhet. Ta helt enkelt bort enheten på vilken du vill inaktivera rullningseffekten genom att klicka på ikonen X direkt Applicera effekter på .
Skaffa Elementor Pro nu!!!
Slutsats
Här! Det är det för den här artikeln som visar dig hur tillämpa rullningseffekt 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.
.
