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.
Efekti i lëvizjes së imazhit do t'ju lejojë të zbuloni imazhin e plotë kur përdoruesi qëndron pezull mbi imazhet. Kur vizitoni një faqe interneti që shet shabllone uebsajti, mund të shihni pamjen paraprake të plotë të shablloneve me veçoritë e efektit të lëvizjes së imazhit.
Me këto veçori, ju lehtë mund t'u tregoni përdoruesve tuaj pamjen e plotë të faqes së internetit në një hapësirë të vogël. Normalisht, nëse doni të shfaqni një imazh të plotë të një faqe interneti, ajo do të marrë shumë hapësirë në faqet tuaja të internetit. Për më tepër, kjo ndikon në dizajnin e faqes suaj të internetit.
Por me një efekt lëvizjeje imazhi, mund të shtoni më shumë imazhe në një mënyrë tërheqëse që mund të tërheqë lehtësisht vëmendjen e audiencës.
Krijoni një efekt të lëvizjes së imazhit në Elementor
Elementor nuk ofron një miniaplikacion për të shtuar efektin e lëvizjes së imazhit. Kështu që ju duhet të shtoni efektin duke përdorur CSS të personalizuar. Funksionaliteti i personalizuar CSS disponohet vetëm me Elementor Pro. Pra, sigurohuni që të keni përmirësuar në Elementor Pro.
Maintenant, ouvrez une page avec l’éditeur Elementor et cliquez sur l’icône plus pour ajouter une section.
Tani ju duhet të zgjidhni kolonën për seksionin tuaj. Këtu zgjedhim seksionin me një kolonë.
Tani klikoni në ikonën e redaktimit të seksionit dhe në skedën e paraqitjes vendosni lartësinë minimale në 500.
Tani nga miniaplikacioni i bllokut shtoni bllokun e seksionit të brendshëm në seksionin tuaj të krijuar dhe hiqni kolonën e paracaktuar. Klikoni me të djathtën në ikonën e redaktimit të kolonës dhe klikoni opsionin e fshirjes për të fshirë kolonën kryesore.
Shkoni përsëri te opsioni i redaktimit të seksionit të brendshëm dhe në skedën e paraqitjes vendosni lartësinë minimale në 500 siç treguam më herët.
Tani kaloni në skedën e stilit të seksionit të brendshëm dhe vendosni sfondin si klasik nga opsioni i sfondit. Tjetra, duhet të shtoni imazhin tuaj të sfondit. Nga opsioni i pozicionit të imazhit, vendosni pozicionin e figurës nga Qendra kryesore. Nga opsioni i përsëritjes, vendosni opsionin pa përsëritje dhe madhësia si mbuluar.
Tani kaloni në skedën i përparuar për të shtuar CSS të personalizuar. Në fushën CSS të personalizuar, shtoni kodin e mëposhtëm:
përzgjedhës{
-webkit-tranzicion: lehtësi-in-out 3s !i rëndësishëm;
tranzicioni: lehtësim-në-jashtë 3s !i rëndësishëm;
}
përzgjedhës: rri pezull{
sfond-pozicioni: në qendër fundi !i rëndësishëm;
}
Mund të ndryshoni vlerën e tranzicionit për të ndryshuar efektin e lëvizjes së imazheve. Nëse dëshironi të shtoni disa imazhe me të njëjtin efekt, mund të kopjoni kolonën dhe më pas të ndryshoni imazhin e sfondit.
Përfundim
Duke ndjekur procesin, do të jeni në gjendje të shtoni një efekt lëvizjeje imazhi në faqen tuaj të internetit duke përdorur ndërtuesin e faqeve Elementor. Ju mund të konsultoni artikujt tanë të tjerë për të mësuar:
- Si të përdorni blloqet Elementor në redaktorin e Gutenberg?
- Elementor vs Divi vs SeedProd – Cili është më i mirë?
- Si të përdorni Historinë për të zhbërë dhe ribërë veprimet në Elementor
- Si të krijoni një faqe interneti Elementor super të shpejtë
- Si të krijoni një rreth interaktiv në Elementor
Shpresojmë që ky artikull të jetë i dobishëm për ju. Nëse ju pëlqen ky artikull, ju lutemi pëlqeni faqen tonë në Facebook për të qëndruar të lidhur.
