Examples

Simple animation

Parent driven animation

Parallax

You can easily implement a parallax effect with images by combining the ScrollAnimation class with the Figure component.

Here, we even use the ImageGrid organism to quickly have a nice listing layout. We are able to configure it to wrap each image in a Parallax component.

Parallax with a parent

It might be sometimes interesting to use the parent ↔ child logic of the ScrollAnimation component to improve performance, as only the parent progression in the viewport is watched.

The resulting effect is different as each child animation is driven by the parent one, but it is still interesting.