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.
L-effett ta 'l-iscroll ta' l-immaġini jippermettilek li tiżvela l-immaġni sħiħa meta l-utent jgħaddi fuq l-immaġini. Meta żżur websajt li tbigħ mudelli ta 'websajt, tista' tara l-previżjoni sħiħa tal-mudelli b'karatteristiċi tal-effett tal-iscroll tal-immaġni.
B'dawn il-karatteristiċi, tista 'faċilment turi lill-utenti tiegħek il-veduta sħiħa tal-websajt fi spazju żgħir. Normalment, jekk trid turi immaġni sħiħa ta' websajt, din tieħu ħafna spazju fuq il-paġni tal-web tiegħek. Barra minn hekk, taffettwa d-disinn tal-websajt tiegħek.
Iżda bl-effett ta 'l-iscroll ta' l-istampa, tista 'żżid aktar stampi b'mod attraenti li jistgħu faċilment jiġbdu l-attenzjoni ta' l-udjenza.
Oħloq Image Scroll Effect f'Elementor
Elementor ma jipprovdix widget biex iżżid l-effett tal-iscroll tal-immaġni. Allura għandek bżonn iżżid l-effett billi tuża CSS tad-dwana. Il-karatteristika CSS tad-dwana hija disponibbli biss b' Elementor Pro. Allura kun żgur li tkun aġġornat għal Elementor Pro.
Maintenant, ouvrez une page avec l’éditeur Elementor et cliquez sur l’icône plus pour ajouter une section.
Issa trid tagħżel il-kolonna għat-taqsima tiegħek. Hawnhekk nagħżlu t-taqsima tal-kolonna waħda.
Issa kklikkja fuq l-ikona tal-editjar tas-sezzjoni u fit-tab tat-tqassim issettja l-għoli minimu għal 500.
Issa mill-widget tal-blokk żid il-blokka tas-sezzjoni ta 'ġewwa mat-taqsima maħluqa tiegħek u neħħi l-kolonna default. Ikklikkja bil-lemin fuq l-ikona tal-editjar tal-kolonna u kklikkja tħassar l-għażla biex tħassar il-kolonna prinċipali.
Mur mill-ġdid fl-għażla tal-editjar tas-sezzjoni ta 'ġewwa u fit-tab tat-tqassim issettja l-għoli minimu għal 500 kif urejna qabel.
Issa aqleb għat-tab tal-istil tas-sezzjoni ta 'ġewwa u ssettja l-isfond bħala klassiku mill-għażla tal-isfond. Sussegwentement, trid iżżid l-immaġni ta 'sfond tiegħek. Mill-għażla tal-pożizzjoni tal-immaġni, issettja l-pożizzjoni tal-immaġni minn Fuq iċ-Ċentru. Mill-għażla ripetuta, issettja l-għażla ebda irrepeti u d-daqs simili tkopri.
Issa aqleb għal tab avvanzati biex iżżid CSS tad-dwana. Fil-qasam CSS tad-dwana, żid il-kodiċi li ġej:
selettur{ -webkit-transition: ease-in-out 3s !importanti; transizzjoni: ease-in-out 3s !importanti; } selector:hover{ background-position: center bottom !important; }
Tista 'tbiddel il-valur tat-tranżizzjoni biex tibdel l-effett ta' scrolling tal-immaġini. Jekk trid iżżid immaġini multipli bl-istess effett, tista 'tidduplika l-kolonna u mbagħad tibdel l-immaġni fl-isfond.
konklużjoni
Billi ssegwi l-proċess, tkun tista 'żżid effett ta' scroll tal-immaġni fil-websajt tiegħek billi tuża l-bennej tal-paġna Elementor. Tista' tiċċekkja l-artikoli l-oħra tagħna biex titgħallem:
- Kif tuża l-blokki Elementor fl-editur Gutenberg?
- Elementor vs Divi vs SeedProd - Liema hija aħjar?
- Kif tuża l-Istorja biex tneħħi u terġa 'tagħmel l-azzjonijiet f'Elementor
- Kif tagħmel Websajt Elementor Super Fast
- Kif toħloq Ċirku Interattiv f'Elementor
Nittamaw li dan l-artikolu jkun utli għalik. Jekk jogħġobkom dan l-artikolu, jekk jogħġbok agħti like lill-paġna ta’ Facebook tagħna biex tibqa’ konnessa.
artikli relatati
- JetElements: Addon kbir ta' Elementor b'widgets friski
- 22 L-Aħjar Addons Premium għal Elementor
- Elementor vs Beaver Builder: Tqabbil Dettaljat tal-Bennejja tal-Paġni
- Reviżjoni ta' Elementor 2024: Esperjenza ma' Elementor (Prosperità, Żvantaġġi, Karatteristiċi u Aktar)
- Kif toħloq Ċirku Interattiv f'Elementor
- Kif Tagħmel Websajt ta' Elementor Super Fast: Tutorial Tlesti
- Kif temigra sit għal Elementor Cloud
- 5 L-Aqwa Plugins tal-Għalf ta' Instagram għal Elementor [L-Għażliet L-Aqwa tagħna]