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.
Myndskrolláhrifin gera þér kleift að sýna alla myndina þegar notandinn sveimar yfir myndirnar. Þegar þú heimsækir vefsíðu sem selur vefsíðusniðmát geturðu séð sýnishorn af sniðmátunum í heild sinni með myndfletiáhrifum.
Með þessum eiginleikum geturðu auðveldlega sýnt notendum þínum heildarsýn á vefsíðuna á litlu rými. Venjulega, ef þú vilt sýna heildarmynd af vefsíðu, mun það taka mikið pláss á vefsíðum þínum. Þar að auki hefur það áhrif á hönnun vefsíðunnar þinnar.
En með myndskrolláhrifum geturðu bætt við fleiri myndum á aðlaðandi hátt sem getur auðveldlega gripið athygli áhorfenda.
Búðu til Image Scroll Effect í Elementor
Elementor býður ekki upp á græju til að bæta við myndfletningaráhrifum. Svo þú þarft að bæta við áhrifunum með því að nota sérsniðna CSS. Sérsniðin CSS eiginleiki er aðeins fáanlegur með Elementor Pro. Svo vertu viss um að þú hafir uppfært í Elementor Pro.
Maintenant, ouvrez une page avec l’éditeur Elementor et cliquez sur l’icône plus pour ajouter une section.
Nú þarftu að velja dálkinn fyrir hlutann þinn. Hér veljum við hlutann með einum dálki.
Smelltu nú á hlutabreytingartáknið og á skipulagsflipanum stilltu lágmarkshæðina á 500.
Bættu nú innri hlutablokkinni við búnahlutann þinn úr blokkargræjunni og fjarlægðu sjálfgefna dálkinn. Hægrismelltu á dálkbreytingartáknið og smelltu á eyða valkost til að eyða aðaldálknum.
Farðu aftur í breytingarmöguleikann á innri hlutanum og í skipulagsflipanum stilltu lágmarkshæðina á 500 eins og við sýndum áðan.
Skiptu nú yfir í stílflipann í innri hlutanum og stilltu bakgrunninn sem klassískan frá bakgrunnsvalkostinum. Næst þarftu að bæta við bakgrunnsmyndinni þinni. Í myndastöðuvalkostinum skaltu stilla staðsetningu myndarinnar með Efsta miðstöð. Frá endurtekningarmöguleikanum skaltu stilla valkostinn engin endurtekning og stærð eins ná.
Skiptu nú yfir í flipa ítarlegri til að bæta við sérsniðnum CSS. Í sérsniðna CSS reitnum skaltu bæta við eftirfarandi kóða:
selector{ -webkit-transition: ease-in-out 3s !mikilvægt; umskipti: auðveld inn-út 3s !mikilvægt; } selector:hover{ bakgrunnsstaða: miðju botn !mikilvægt; }
Þú getur breytt umbreytingargildinu til að breyta skrunáhrifum mynda. Ef þú vilt bæta við mörgum myndum með sömu áhrifum geturðu afritað dálkinn og síðan breytt bakgrunnsmyndinni.
Niðurstaða
Með því að fylgja ferlinu muntu geta bætt myndskrolláhrifum við vefsíðuna þína með því að nota síðugerðina Elementor. Þú getur skoðað aðrar greinar okkar til að læra:
- Hvernig á að nota Elementor blokkir í Gutenberg ritstjóra?
- Elementor vs Divi vs SeedProd – Hvort er betra?
- Hvernig á að nota sögu til að afturkalla og endurtaka aðgerðir í Elementor
- Hvernig á að gera Elementor vefsíðu frábær hratt
- Hvernig á að búa til gagnvirkan hring í Elementor
Við vonum að þessi grein muni nýtast þér. Ef þér líkar við þessa grein, vinsamlegast líka við Facebook síðuna okkar til að vera tengdur.
