Using Motion Paths in Animations

Saola Animate brings your website to life with HTML5 animation and interactive web content. Today’s tutorial describes how to create motion paths to mimic real-life motions, giving objects the illusion of life. This tutorial covers: Creating Motion Paths Editing...

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. This tutorial covers: What is a Preloader? Customizing the...

Levelling Up HTML5 Animation with Easing

Easing functions (also timing functions) can bring a huge effect on the feel of change. In this tutorial, you’ll learn about easing functions in Saola Animate. This tutorial covers: What is Easing Function? Customizing Easing Timing Functions in Saola Animate What is...

Adding Videos to HTML5 Animation

Using the HTML5 video element, adding videos to your page is as simple as adding images with no third-party plug-ins or player applications. Today’s tutorial will show you how to add videos to HTML5 animation. This tutorial covers: Adding Videos Playback Options...

Moving, Copying, and Removing Animation Keyframes

Animation keyframes play a crucial role in creating HTML5 animation in Saola Animate. In the previous tutorial, you’ve learned how to create animation keyframes. This tutorial will show you how to move, copy, and remove animation keyframes. This tutorial covers:...

Using Google Fonts

Hundreds of beautiful Google fonts are now available in Saola Animate. Google fonts are freely accessible to everyone to use, redistribute, and customize. Downloaded fonts are cached in the browser and reused by any other webpages using them, making the web faster....