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.

read more

Embedding System Fonts

Saola Animate makes system fonts available to use. Read to know how to embed system fonts in Saola Animate to maintain consistent text appearance no matter the font installation on viewers’ computer.

read more

Using the Effects Tab

The Effects tab contains sections: shadow, filter and clip effects. Each of them shows a great support for designing but easy to use. Learn how to use these effects to boost your design in this tutorial.

read more

Grouping Elements

Grouping multiple elements into a single one allows you to streamline your editing and speed up your work. Learn how to group elements and work with group in Saola Animate in this tutorial.

read more

Using Symbols to Reuse Animations

Animation symbol is a powerful resource you often use when creating animations. It allows you to easily reuse elements, timelines, animations, etc. This tutorial describes the steps to create and use animation symbols in Saola Animate.

read more

Saola Animate: A Guide for Beginners

Saola Animate is the ultimate HTML5 animation software for building interactive, media-rich web content. Using an integrated visual interface, the software allows you to bring your content to life with ease. Let’s get to know Saola Animate now!

read more

Working with Scenes

Think of scenes as slides in Microsoft PowerPoint. Scenes are helpful in separating content and controlling the flow of animations. This tutorial shows you how to work with scenes.

Creating Animation Keyframes Easily with Saola Animate

As a keyframe-based animation tool, Saola Animate lets you create animation keyframes effortlessly. Keep reading to know how.

Exporting Saola Animate Animation to HTML5

Once your animation is complete, you’ll want to export it for final delivery. This tutorial presents how to export animation to HTML5 in Saola Animate.

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 video to HTML5 animation.

Top 5 Easy-to-Use Web Animation Tools That Bring Your Website to Life

Animation is a great idea to make your website brighter and more attractive. As a result, web animation tools are introduced to turn your ideas into dynamic, interactive, and engaging web content. Let’s check out the top 5 web animation tools for web development that are user-friendly and easy-to-use, and find the one that fits your needs. 

Unleash your creativity & imagination with Saola Animate now!

Free Trial

30 Day Free Trial

Yearly Subscription

$49 / year

Perpetual License

$59