Besoin d’un moyen de créer un effet de défilement d’image dans Elementor ? Dans cet article, nous vous guiderons pour créer un effet de défilement d’images à l’aide d’Elementor sur vos pages web.
D'Bild Scroll Effekt erlaabt Iech dat ganzt Bild z'entdecken wann de Benotzer iwwer d'Biller hovert. Wann Dir eng Websäit besicht déi Websäit Template verkeeft, kënnt Dir déi voll Virschau vun de Templates mat Bild Scroll Effekt Features gesinn.
Mat dëse Fonctiounen kënnt Dir Är Benotzer einfach déi voll Vue vun der Websäit an engem klenge Raum weisen. Normalerweis, wann Dir e ganzt Bild vun enger Websäit wëllt weisen, wäert et vill Plaz op Äre Websäiten ophuelen. Ausserdeem beaflosst et den Design vun Ärer Websäit.
Awer mam Bild Scroll Effekt kënnt Dir méi Biller op eng attraktiv Manéier addéieren déi einfach d'Opmierksamkeet vum Publikum fanne kann.
Erstellt Bild Scroll Effekt am Elementor
Elementor bitt kee Widget fir Bild Scroll Effekt ze addéieren. Also musst Dir den Effekt mat personaliséierten CSS addéieren. Benotzerdefinéiert CSS Fonktioun ass nëmme verfügbar mat Elementor Pro. Also vergewëssert Iech datt Dir Upgrade op Elementor Pro.
Maintenant, ouvrez une page avec l’éditeur Elementor et cliquez sur l’icône plus pour ajouter une section.
Elo musst Dir d'Kolonn fir Är Sektioun auswielen. Hei wielt mir déi eenzeg Kolonn Sektioun.
Elo klickt op d'Sektioun Edit Ikon an am Layout Tab setzt d'Mindest Héicht op 500.
Elo aus dem Block Widget füügt den banneschten Sektiounsblock op Är erstallt Sektioun a läscht d'Standardkolonn. Riets-klickt op d'Kolonn änneren Ikon a klickt läschen Optioun der Haaptrei Kolonn ze läschen.
Gitt erëm op d'Editéierungsoptioun vun der banneschten Sektioun an an der Layouttab setzt d'Mindesthéicht op 500 wéi mir virdru gewisen hunn.
Elo schalt op d'Stil Tab vun der banneschten Sektioun a setzt den Hannergrond als klassesch aus der Hannergrondoptioun. Als nächst musst Dir Äert Hannergrondbild addéieren. Vun der Bildpositiounsoptioun, setzt d'Positioun vum Bild duerch Top Zentrum. Vun der Widderhuelungsoptioun, setzen d'Optioun nee-widderhuelen an der Gréisst wéi Decken.
Elo schalt op den Tab fortgeschratt fir personaliséiert CSS ze addéieren. Am personaliséierte CSS Feld füügt de folgende Code derbäi:
selector{ -webkit-transition: ease-in-out 3s !wichteg; Iwwergank: Liichtegkeet-an-eraus 3s ! wichteg; } selector:hover{ background-position: center bottom !wichteg; }
Dir kënnt den Iwwergangswäert änneren fir de Scrolleffekt vu Biller z'änneren. Wann Dir méi Biller mam selwechten Effekt wëllt addéieren, kënnt Dir d'Kolonn duplizéieren an dann den Hannergrondbild änneren.
Konklusioun
Andeems Dir de Prozess verfollegt, kënnt Dir e Bild Scroll Effekt op Är Websäit addéieren andeems Dir de Säitebauer benotzt Elementor. Dir kënnt eis aner Artikele kucken fir ze léieren:
- Wéi benotzen ech Elementor Blocks am Gutenberg Editor?
- Elementor vs Divi vs SeedProd - Wat ass besser?
- Wéi benotzt d'Geschicht fir Aktiounen am Elementor z'ënnerhuelen an nei ze maachen
- Wéi eng Elementor Websäit Super Fast ze maachen
- Wéi erstellt en interaktive Krees am Elementor
Mir hoffen dësen Artikel wäert Iech nëtzlech sinn. Wann Dir dësen Artikel gär hutt, liked w.e.g. eis Facebook Säit fir verbonne ze bleiwen.
Verbonnen Artikelen
- JetElements: E super Elementor Addon mat coole Widgets
- 22 Bescht Premium Addons fir Elementor
- Elementor vs Beaver Builder: Detailléiert Verglach vu Page Builders
- Elementor Review 2024: Erfarung mat Elementor (Pros, Cons, Features & More)
- Wéi erstellt en interaktive Krees am Elementor
- Wéi eng Elementor Websäit Super Fast ze maachen: Komplett Tutorial
- Wéi migréiert e Site op Elementor Cloud
- 5 Bescht Instagram Feed Plugins fir Elementor [Eis Top Picks]