Per attivare l’effetto Parallasse su di un Componente Contenitore è sufficiente selezionare il relativo parametro presente nella maschera di configurazione del Contenitore stesso

Parallasse: consente di abilitare, per il Componente Contenitore che si sta configurando, l’effetto di Parallasse, effetto questo che consente di variare dinamicamente determinate proprietà CSS allo scrolling della pagina.

Selezionando questo parametro compariranno poi due ulteriori campi “Tipologia Parallasse” e “Velocità Parallasse” mediante i quali poter rispettivamente:

• Tipologia Parallasse: consente di impostare la specifica proprietà CSS che dovrà variare allo scrolling della pagina. E’ possibile selezionare uno dei seguenti valori:

• Opacity: selezionando questa opzione allo scrolling della pagina verso l’alto/ il basso varierà l’opacità del componente
• Scale: selezionando questa opzione allo scrolling della pagina verso l’alto/ il basso lo zoom del componente aumenterà/diminuirà di conseguenza
• Scale Opacity: selezionando questa opzione allo scrolling della pagina verso l’alto/ il basso varieranno contemporaneamente l’opacità e lo zoom del componente
• Scroll: selezionando questa opzione l’immagine di sfondo del Contenitore che si sta configurando scorrerà ad una velocità diversa (maggiore o minore dipendentemente da quanto impostato all’interno del successivo campo) rispetto a quella della pagina web
• Scroll Opacity: selezionando questa opzione l’immagine di sfondo del Contenitore che si sta configurando scorrerà ad una velocità diversa rispetto a quella della pagina web variando contemporaneamente anche la sua opacità
• Velocità Parallasse: consente di indicare, selezionandola dall’apposito menu a tendina la velocità di variazione della proprietà CSS indicata all’interno del precedente campo, rispetto alla velocità di scorrimento della pagina web

Supponendo dunque di aver configurato il campo “Tipologia Parallasse” sul valore “Scroll” e di aver impostato questo parametro sul valore ‘+2’ il risultato sarà quello di ottenere un’immagine di sfondo del contenitore che scorre ad una velocità doppia rispetto alla velocità di scorrimento della pagina web.

Allo stesso modo impostando il campo in oggetto sul valore ‘-2’ il risultato sarà di ottenere un’immagine di sfondo del contenitore che scorre ad una velocità dimezzata rispetto alla velocità di scorrimento della pagina web.