Grazie al componente Parallax è possibile creare, in maniera molto semplice, delle animazioni annidate.

Per fare questo è sufficiente inserire all’interno del primo contenitore cui è stato assegnato l’attributo data-uk-parallax, un secondo contenitore al quale assegnare, ancora una volta, l’attributo data-uk-parallax e le relative proprietà da animare.

Il markup al quale fare riferimento, sarà quindi di questo tipo:

<div data-uk-parallax="{bg: -200}">

<div data-uk-parallax="{opacity: '0,1', scale: '0,1'}">...</div>

</div>