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.
Ефекат померања слике ће вам омогућити да откријете целу слику када корисник пређе преко слика. Када посетите веб локацију која продаје шаблоне веб локација, можете видети комплетан преглед шаблона са функцијама ефекта померања слика.
Помоћу ових функција можете лако да покажете својим корисницима пун приказ веб локације на малом простору. Обично, ако желите да прикажете пуну слику веб локације, она ће заузети много простора на вашим веб страницама. Штавише, то утиче на дизајн ваше веб странице.
Али са ефектом померања слика, можете додати више слика на атрактиван начин који лако може привући пажњу публике.
Креирајте ефекат померања слике у Елементору
Елементор не обезбеђује виџет за додавање ефекта померања слике. Дакле, морате да додате ефекат користећи прилагођени ЦСС. Прилагођена ЦСС функција је доступна само са Elementor Про. Зато се уверите да сте надоградили на Elementor Про.
Maintenant, ouvrez une page avec l’éditeur Elementor et cliquez sur l’icône plus pour ajouter une section.
Сада морате да изаберете колону за свој одељак. Овде бирамо одељак са једном колоном.
Сада кликните на икону за уређивање одељка и на картици распореда поставите минималну висину на 500.
Сада из виџета блока додајте блок унутрашњег одељка у креирани одељак и уклоните подразумевану колону. Кликните десним тастером миша на икону за уређивање колоне и кликните на опцију за брисање да бисте избрисали главну колону.
Поново идите на опцију за уређивање унутрашњег одељка и на картици распореда поставите минималну висину на 500 као што смо раније показали.
Сада пређите на картицу са стиловима унутрашњег одељка и поставите позадину као класичну из опције позадине. Затим морате додати своју позадину. Из опције положаја слике, подесите позицију слике према Топ Центер. Из опције понављања подесите опцију без понављања и величина као поклопац.
Сада пређите на картицу напредан да додате прилагођени ЦСС. У прилагођено ЦСС поље додајте следећи код:
селектор{ -вебкит-транситион: еасе-ин-оут 3с !импортант; транзиција: еасе-ин-оут 3с !важно; } селецтор:ховер{ бацкгроунд-поситион: центер боттом !импортант; }
Можете да промените вредност прелаза да бисте променили ефекат померања слика. Ако желите да додате више слика са истим ефектом, можете дуплирати колону, а затим променити слику у позадини.
Zakljucak
Пратећи процес, моћи ћете да додате ефекат померања слике на своју веб локацију помоћу алатке за прављење страница Elementor. Можете погледати наше друге чланке да бисте сазнали:
- Како користити Елементор блокове у Гутенберг едитору?
- Елементор вс Диви вс СеедПрод – шта је боље?
- Како користити историју за поништавање и понављање радњи у Елементору
- Како направити Елементор веб локацију супер брзо
- Како направити интерактивни круг у Елементору
Надамо се да ће вам овај чланак бити од користи. Ако вам се свиђа овај чланак, лајкујте нашу Фацебоок страницу да бисте остали повезани.
