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.
Efè woulo liv imaj la pral pèmèt ou revele imaj la konplè lè itilizatè a plane sou imaj yo. Lè ou vizite yon sit entènèt ki vann modèl sit entènèt, ou ka wè aperçu konplè modèl yo ak karakteristik efè woulo liv imaj.
Avèk karakteristik sa yo, ou ka fasilman montre itilizatè ou yo gade konplè sou sit wèb la nan yon ti espas. Nòmalman, si ou vle montre yon imaj konplè sou yon sit entènèt, li pral pran anpil espas sou paj entènèt ou yo. Anplis, li afekte konsepsyon sit entènèt ou an.
Men, ak efè woulo liv foto, ou ka ajoute plis foto nan yon fason atire ki ka fasilman pwan atansyon odyans lan.
Kreye Efè Scroll Imaj nan Elementor
Elementor pa bay yon widget pou ajoute efè woulo liv imaj. Se konsa, ou bezwen ajoute efè a lè l sèvi avèk CSS koutim. Karakteristik CSS Custom disponib sèlman ak Elementor Pro. Se konsa, asire w ke ou te modènize a Elementor Pro.
Maintenant, ouvrez une page avec l’éditeur Elementor et cliquez sur l’icône plus pour ajouter une section.
Koulye a, ou bezwen chwazi kolòn nan seksyon ou a. Isit la nou chwazi seksyon kolòn sèl la.
Koulye a, klike sou seksyon an edit icon ak nan tab la layout mete wotè minimòm nan 500.
Koulye a, nan widje blòk ajoute blòk seksyon enteryè a nan seksyon ou kreye epi retire kolòn default la. Dwa-klike sou ikòn modifye kolòn nan epi klike sou opsyon efase pou efase kolòn prensipal la.
Ale nan opsyon an modifye nan seksyon enteryè a ankò epi nan tab la layout mete wotè minimòm nan 500 jan nou te montre pi bonè.
Koulye a, chanje nan tab la style nan seksyon enteryè a epi mete background nan kòm klasik soti nan opsyon nan background. Apre sa, ou bezwen ajoute imaj background ou. Soti nan opsyon nan pozisyon imaj, mete pozisyon nan imaj la pa Top Sant. Soti nan opsyon nan repete, mete opsyon an pa-repete ak gwosè a tankou kouvri.
Koulye a, chanje nan tab avanse pou ajoute CSS koutim. Nan jaden CSS koutim, ajoute kòd sa a:
seleksyon{ -webkit-tranzisyon: fasilite-nan-soti 3s !enpòtan; tranzisyon: fasilite-an-soti 3s !enpòtan; } seleksyon: hover{ background-position: sant anba !enpòtan; }
Ou ka chanje valè tranzisyon an pou chanje efè defile imaj yo. Si ou vle ajoute plizyè imaj ak menm efè a, ou ka kopi kolòn nan epi chanje imaj background nan.
konklizyon
Lè w swiv pwosesis la, ou pral kapab ajoute yon efè woulo liv imaj sou sit entènèt ou a lè l sèvi avèk builder paj la Elementor. Ou ka tcheke lòt atik nou yo pou aprann:
- Kouman pou itilize blòk Elementor nan editè Gutenberg?
- Elementor vs Divi vs SeedProd - Ki pi bon?
- Kijan pou itilize istwa pou defèt ak refè aksyon nan Elementor
- Ki jan yo fè yon sit entènèt Elementor super vit
- Ki jan yo kreye yon sèk entèaktif nan Elementor
Nou espere atik sa a pral itil ou. Si w renmen atik sa a, tanpri like paj Facebook nou an pou w rete konekte.
Atik ki gen rapò
- JetElements: Yon gwo adisyon Elementor ak widgets fre
- 22 Pi bon Addons Premium pou Elementor
- Elementor vs Beaver Builder: Konparezon detaye sou Builders paj
- Revizyon Elementor 2024: Eksperyans ak Elementor (Pou, Dezavantaj, Karakteristik ak plis)
- Ki jan yo kreye yon sèk entèaktif nan Elementor
- Ki jan yo fè yon sit entènèt Elementor super vit: Ranpli Leson patikilye
- Ki jan yo imigre yon sit nan Elementor Cloud
- 5 Pi bon Plugins Feed Instagram pou Elementor [Pi gwo chwa nou yo]