HTML5 Animation Guides and Tips

We write tutorials, guides and tips about HTML5 interactive animations.

3D Transformation Guide with Saola Animate

Saola Animate provides a feature called 3D transformation to make a more realistic animation. Elements in Saola Animate are still 2D elements, but with 3D transformation properties, we can transform them in three dimensions. Learn more about this useful feature in this tutorial.

Adding HTML Widgets

You can use HTML widgets to load external URLs or display embedded HTML and SVG images. In today’s tutorial, you’ll learn to use HTML widgets.

Creating and Calling JavaScript Functions

While you can do the most common interactivity without coding, you need to code to do advanced interactivity. This tutorial will show you how to create and call JavaScript functions in Saola Animate.

Using Timeline Triggers

Besides event actions, timeline triggers are a simple way to add interactivity to your Saola Animate document. In this tutorial, you’ll learn to use timeline triggers to control how the animation plays.

Easily Creating Preloader (Loading Screen) in HTML5

Already built delightful HTML5 animation but now getting concerned about your page load time? An elegant animated preloader (also a loading screen) is what you need to brighten up the seconds of waiting.

Unleash your creativity & imagination with Saola Animate now!

Free Trial

30 Day Free Trial

Yearly Subscription

$49 / year

Perpetual License

$59