📣 Our next Live Stream Event is taking place on July 18, 2025

3D Parallax Effect Using Tilt.JS

A Very Cool 3D Parallax Effect Achieved In Articulate Storyline!

I had been recommended to check out the Tilt.JS library by a LinkedIn member and fan of our Articulate Storyline Magic Series over on YouTube.

Trying to get this working in the way that I wanted to in Storyline was equally challenging as it was frustrating! But through trial and error, and making sure that scripts were executed in the right order using Storyline as an efficient timing mechanism to do so, I was able to achieve the result shown above which I feel is quite impressive.

We’ll be covering how this project was made in an episode of our Storyline Magic Series very soon, so stay tuned for that! I also have lots of ideas for Articulate Storyline learning tutorials which I intend to launch here on the site later in the year.

Learn how to build interactive content like this yourself in Storyline in just 2 days!

Join our next Advanced-level Articulate Storyline 360 workshop (In-person or Virtual).

Related Articulate Storyline 360 Innovations

Year

2023

Methodology

  • Articulate Storyline 360
  • Tilt.JS Library
  • JavaScript
  • jQuery

Further Info

Inspiration

Tilt.JS
jQuery
Articulate Community

Schedule a meeting

Why not book a consultation call with us? We’re here to assist you with any questions or concerns you may have.

Please note: All bookings are subject to confirmation. We reserve the right to reschedule based on availability.