Besoin d’un moyen de créer un effet de défilement d’image dans Elektorino ? Dans cet article, nous vous guiderons pour créer un effet de défilement d’images à l’aide d’Elementor sur vos pages web.
La bilda movada efiko permesos al vi malkaŝi la plenan bildon kiam la uzanto ŝvebas super la bildoj. Kiam vi vizitas retejon, kiu vendas retpaĝajn ŝablonojn, vi povas vidi la plenan antaŭrigardon de la ŝablonoj kun bildaj movadaj efikoj.
Kun ĉi tiuj funkcioj, vi povas facile montri al viaj uzantoj la plenan vidon de la retejo en malgranda spaco. Kutime, se vi volas montri plenan bildon de retejo, ĝi okupos multe da spaco en viaj retpaĝoj. Aldone, ĝi influas la dezajnon de via retejo.
Sed kun bilda movo-efiko, vi povas aldoni pli da bildoj en alloga maniero, kiu povas facile altiri la atenton de la spektantaro.
Kreu Bildan Rulan Efikon en Elementor
Elementor ne provizas fenestraĵon por aldoni bildan movadan efikon. Do vi devas aldoni la efikon uzante kutiman CSS. Propra CSS-funkcio disponeblas nur kun Elektorino Pro. Do certigu, ke vi ĝisdatigis al Elektorino Avantaĝo.
Maintenant, ouvrez une page avec l’éditeur Elementor et cliquez sur l’icône plus pour ajouter une section.
Nun vi devas elekti la kolumnon por via sekcio. Ĉi tie ni elektas la unu-kolumnan sekcion.
Nun alklaku la sekcion redakti ikonon kaj en la enpaĝiga langeto starigu la minimuman altecon al 500.
Nun el la bloka fenestraĵo aldonu la internan sekcioblokon al via kreita sekcio kaj forigu la defaŭltan kolumnon. Dekstre alklaku la kolumnan redaktan ikonon kaj alklaku la opcion de forigo por forigi la ĉefan kolumnon.
Iru al la ena sekcio redakti opcion denove kaj en la aranĝo langeto starigu la minimuman altecon al 500 kiel ni montris antaŭe.
Nun movu al la stila langeto de la interna sekcio kaj agordu la fonon kiel klasikan de la fona opcio. Poste, vi devas aldoni vian fonbildon. El la opcio de bildo pozicio, agordu la bildopozicion per Supra Centro. El la ripeta opcio, agordu la opcion ne-ripeto kaj la grandeco kiel kovrilo.
Nun ŝanĝu al la langeto progresinta aldoni kutiman CSS. En la Propra CSS-kampo, aldonu la sekvan kodon:
elektilo{ -webkit-transition: ease-in-out 3s !gravaj; transiro: facileco-en-el 3s !gravaj; } elektilo:ŝvebi{ fon-pozicio: centro fundo !grava; }
Vi povas ŝanĝi la transiran valoron por ŝanĝi la efikon de ruliĝantaj bildoj. Se vi volas aldoni plurajn bildojn kun la sama efiko, vi povas duobligi la kolumnon kaj poste ŝanĝi la fonbildon.
konkludo
Sekvante la procezon, vi povos aldoni bildan movadan efikon al via retejo uzante la paĝkonstruilon. Elektorino. Vi povas konsulti niajn aliajn artikolojn por lerni:
- Kiel uzi Elementor-blokojn en Gutenberg-redaktilo?
- Elementor vs Divi vs SeedProd - Kio estas pli bona?
- Kiel Uzi Historion por Malfari kaj Refari Agojn en Elementor
- Kiel Fari Elementor-Retejon Super Rapide
- Kiel Krei Interagan Rondon en Elementor
Ni esperas, ke ĉi tiu artikolo estos utila al vi. Se vi ŝatas ĉi tiun artikolon, bonvolu ŝati nian Facebook-paĝon por resti konektita.
Rilataj artikoloj
- JetElements: bonega Elementor-aldonaĵo kun bonegaj fenestraĵoj
- 22 Plej bonaj Superaj Aldonaĵoj por Elementor
- Elementor vs Beaver Builder: Detala Komparo de Paĝaj Konstruistoj
- Elementor Review 2024: Sperto kun Elementor (Avantaĝoj, Malavantaĝoj, Trajtoj kaj Pli)
- Kiel Krei Interagan Rondon en Elementor
- Kiel Fari Elementor-Retejon Super Rapida: Kompleta Lernilo
- Kiel migri retejon al Elementor Cloud
- 5 Plej bonaj Instagram Feed-Aldonaĵoj por Elementor [Niaj Plej bonaj Elektoj]