ADVANCED TUTORIAL

Gyro effects
& scroll animations

Gyro effects & scroll animations respond directly to the behaviour of your viewers, making them a great way to add interactivity and dimension to your page.

Scroll animations respond to the scrolling behaviour of your viewer, and are therefore only available on longpages. These animations play forwards when scrolling down, and backwards when scrolling back up.

Scroll animations

You will find the Cursor/gyroscope effect in the element effects panel. This will make the element respond to the mouse movements of your viewers.

Cursor / gyroscope effect

scenes_panel.png
sticky_scene.png
video_thumb2.png (copy12)
gradient
stars
moon
mountains 1
mountains 2
mountains 3
trees
trees dark trees light mask tree big stars moon
screenshot panel arrow panel

The cursos/gyroscope effect can be enable in the element effects panel. It allows the element to react to the movement of your mouse. 

Cursor / Gyroscope effect

screenshot panel

Scroll animations are only available on 'longpage' scene types.

arrow panel

The parallax scroll animation allows the element to scroll with the viewer for a set amount and then lose momentum, as if the element is alive and trying to keep up with your scrolling.

Parallax Animation

Scroll down to see the effects & animations

mouse scroll

Gyro effects & scroll animations are a great way to add interactivity and dimension to your page, as they respond directly to the behaviour of your viewer.

GYRO EFFECTS AND SCROLL ANIMATIONS

mountains 1
mountains 2
mountains 3
trees

ADVANCED TUTORIAL

Gyro effects
& scroll animations

Gyro effects & scroll animations respond directly to the behaviour of your viewers, making them a great way to add interactivity and dimension to your page.

Titel op de overzichtspagina.

Indien de overzichtspagina is geactiveerd (via de instellingen van een domein) komt deze tekst als omschrijving in beeld.
Volledig scherm