Как добавить эффект параллакса, видеофон и эффект Кена Бёрнса

Написано

в

, , ,

В Page Builder Sandwich есть функция, которую мы обычно называем эффектными фоновыми эффектами (Fancy Background Effects). Их всего три: эффект параллакса, видеофоны и эффект Кена Бёрнса.

What are the different Fancy Background Effects?

Эффектные фоновые эффекты в PBS дают вашему сайту импульс, необходимый для привлечения посетителей. Это верный способ привлечь внимание, который при правильном применении может обеспечить впечатляющие результаты в увеличении посещаемости сайта.

Эффект параллакса

Применение эффекта параллакса на вашей странице придает фону ощущение глубины, позволяя определенным элементам вашего сайта «выделяться» при прокрутке. Вот пример страницы с фоном с параллаксом и без него.

With Parallax Scrolling

The background image scrolls at a different rate as the rest of the elements in the page.

Without Parallax Scrolling

The elements of the web page – the text, images, buttons, etc – all scroll at the same rate as the background.

Video Backgrounds

Видеофоны позволяют размещать на фоне зацикленные видеоролики вместо статичных изображений. Отличная особенность видеофонов в PBS заключается в том, что вы можете просто вставить нужную ссылку на YouTube или Vimeo по запросу, и мы превратим ее в видеофон для вас. Вы также можете загружать для этого и свои собственные видео.

Несколько примеров видеофонов, с которыми вы можете ознакомиться:

The Ken Burns Effect

Ken Burns, who popularized the Ken Burns effect in film.

In documentaries, do you ever notice when they show photos that slowly zoom into detail? That’s called the Ken Burns Effect. You can access these effects on Page Builder Sandwich, too.

How do I add the Fancy Background Effects?

Вы можете найти все эффектные фоновые эффекты, выполнив следующие шаги:

Step 1: Choose a row you’d like to add an effect on. Click on this row’s settings button (the gear icon on the left). This will open the Properties Inspector.

Step 2: Once the Properties Inspector pops up, scroll down a bit until you find the option called “Fancy Background Effects”.

Step 3: Once you’ve found it, you’ll see that you can click a dropdown button and select which background effect you’d like on your row.

Step 4: Depending on which Fancy Background Effect you choose, you can adjust each effect’s settings. For example, for the Parallax effect, you can adjust its height and position.

И все готово! После этого вы должны увидеть, как ваши эффектные фоновые эффекты предстанут на вашем сайте во всей красе.

Have you used PBS’ Fancy Backgrounds yet?

Хотите предложить нам добавить какие-либо другие фоновые эффекты в наш функционал? Или показать нам свой сайт, созданный в PBS с использованием одного из этих эффектов? Напишите нам об этом в комментариях ниже!