Jak přidat paralaxní efekt, video pozadí a efekt Kena Burnse

Napsal(a)

v rubrice

, , ,

Page Builder Sandwich má funkci, kterou souhrnně rádi nazýváme Fancy Background Effects (efektní efekty pozadí). Jsou tři: paralaxní efekt, video pozadí a efekt Kena Burnse.

What are the different Fancy Background Effects?

Efektní efekty pozadí v PBS dodají vašemu webu impuls, který potřebuje k přilákání návštěvníků. Jsou zaručeným způsobem, jak upoutat pozornost, a při správném provedení mohou přinést poutavé výsledky v návštěvnosti webu.

Paralaxní efekt

Implementace paralaxního efektu na vaši stránku dodá pozadí pocit hloubky a nechá určité prvky vašeho webu při posouvání „vystoupit do popředí“. Zde je příklad stránky s implementovaným paralaxním pozadím a stránky bez něj.

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

Video pozadí vám umožňují umístit na pozadí smyčková videa namísto statických obrázků. Skvělé na video pozadích v PBS je, že po zobrazení výzvy jednoduše vložíte požadovaný odkaz na YouTube nebo Vimeo a my jej pro vás proměníme ve video pozadí. K tomuto účelu můžete také nahrát vlastní videa.

Několik ukázek video pozadí, na které se můžete podívat:

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?

Všechny efektní efekty pozadí naleznete pomocí následujících kroků:

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.

A máte hotovo! Poté byste měli vidět své efektní efekty pozadí na webu v plné kráse.

Have you used PBS’ Fancy Backgrounds yet?

Máte nějaké další efekty pozadí, které byste nám chtěli navrhnout k přidání do našich funkcí? Nebo nám chcete ukázat svůj web vytvořený v PBS s jedním z těchto efektů? Dejte nám vědět v komentářích níže!