Искате да създадете паралакс фон в Elementor?
В уеб дизайна, паралаксният фон се отнася до поведение, при което фонът се движи по-бавно от предния план. Elementor (професионалната версия) идва с функция, която ви позволява да създавате този тип фон.
Ще го покрием тук.
Може да срещнете лек проблем при добавянето на паралакс фон в Elementor, тъй като Elementor не използва конкретно термина „паралакс“. Вместо това, за да създадете паралакс фон в Elementor, можете да приложите ефект на превъртане към фона, върху който искате да създадете паралакс ефекта. Фонът, за който говорим тук, е фонът на секцията и фонът на колоната.
Ако все още не сте използвали Elementor, открийте Как да инсталирам Elementor на WordPress
Ако все още имате проблеми с разбирането за какво говорим, разгледайте следния пример и обърнете внимание на фоновото изображение. Това е пример за паралакс ефект.
Казахме, че паралакс ефектът се отнася до различна скорост на движение на фона и предния план. В действителност не винаги е така. Вместо движение, уеб дизайнерът може да приложи различни ефекти като размазване, прозрачност или мащабиране. Самият Elementor предлага шест различни ефекта:
- Вертикално превъртане: Фонът се движи вертикално, когато мишката се скролва.
- Превъртане хоризонтално: Фонът се движи хоризонтално, когато мишката се скролва.
- Прозрачност: Фонът изглежда прозрачен, преди мишката да превърти.
- Размазано: Фонът изглежда размазан, преди мишката да превърти.
- Стълба: Фонът се появява в определен мащаб, преди мишката да превърти.
Как да приложите ефект на превъртане в Elementor
Както споменахме, можете да приложите паралакс фон, независимо дали към секция или колона.
Прочетете още: Как да използваме Elementor за изграждане на уебсайтове
И така, изберете колона или секция, където искате да приложите паралакс ефекта. Отидете на раздела Стил и отворете секцията фонЗадайте типа фон на класически и изберете изображение, което искате да използвате като фон, и активирайте Ефекти на превъртане.
Определете позицията и размера на фоновото изображение, след което изберете паралакс ефект, който искате да приложите, като щракнете върху иконата на молив на една от наличните опции за паралакс ефект.
Можете да активирате повече от един паралакс ефект, ако желаете.
Това е всичко. Можете да продължите да редактирате страницата или шаблона си. След като направите това, можете да го публикувате или актуализирате.
Вземете Elementor Pro сега!!!
Заключение
Това е всичко! Това е всичко за тази статия, която ви показва как създаване на паралакс фон в Elementor. Ако имате някакви притеснения относно това как да стигнете до там, уведомете ни в рамките на Връзка.
Можете обаче да се консултирате нашите ресурси, ако имате нужда от повече елементи, за да осъществите вашите проекти за създаване на интернет сайтове, като се консултирате с нашето ръководство за Създаване на блог на WordPress или тази, която е включена Divi: най-добрата тема на WordPress за всички времена.
Но междувременно, споделете тази статия във вашите различни социални мрежи.
...