Come aggiungere l’effetto parallasse, lo sfondo video e l’effetto Ken Burns

Page Builder Sandwich ha una funzionalità che ci piace chiamare collettivamente Effetti di sfondo avanzati (Fancy Background Effects). Ce ne sono tre: l’effetto Parallasse, gli sfondi video e l’effetto Ken Burns.

What are the different Fancy Background Effects?

I Fancy Background Effects di PBS danno al tuo sito web la spinta di cui ha bisogno per attirare i visitatori. Sono un modo infallibile per catturare l’attenzione e, se eseguiti correttamente, possono portare risultati accattivanti in termini di traffico sul sito web.

L’effetto parallasse

L’applicazione dell’effetto parallasse alla tua pagina conferisce al tuo sfondo un senso di profondità, consentendo a determinati elementi del tuo sito di risaltare durante lo scorrimento. Ecco un esempio di una pagina con uno sfondo parallasse implementato e una senza.

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

Gli sfondi video consentono di inserire video in loop sugli sfondi anziché immagini fisse. Il bello degli sfondi video di PBS è che puoi semplicemente incollare il link YouTube o Vimeo desiderato quando richiesto, e noi lo trasformeremo in uno sfondo video per te. Puoi anche caricare i tuoi video personali per questo scopo.

Alcuni esempi di sfondi video che puoi consultare:

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?

Puoi trovare tutti i Fancy Background Effects seguendo i seguenti passaggi:

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.

E il gioco è fatto! Dopodiché, dovresti vedere i tuoi Fancy Background Effects apparire sul tuo sito in piena azione.

Have you used PBS’ Fancy Backgrounds yet?

Ci sono altri effetti di sfondo che vorresti suggerirci di aggiungere alle nostre funzionalità? O vuoi mostrarci il tuo sito creato con PBS con uno degli effetti? Faccelo sapere nella sezione commenti qui sotto!