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