Using CSS to Create Text Effects

Using CSS to Create Text Effects

Saola Animate is an ultimate tool that helps you create stunning visual HTML5 animations. Along with using built-in properties to change the style of elements or create animations without coding, it is possible for you to get them done by using CSS. Moreover, CSS can...

Creating Animated Background

In the tutorial about creating Sprite Sheet animation, I used this video to illustrate the movement of the Saola by using Sprite Sheet feature.  It can be seen that the Saola is moving forward. However, in fact, I made the Saola image fixed at its position. Meanwhile,...

Choosing and Animating Color

Color has tremendous power in storytelling. So, choosing the perfect color for an element when creating HTML5 animation can help bring it to life and make truthful feeling. For example, to demonstrate the transfer from nighttime to daytime, I created an Ellipse Div...

Embedding System Fonts

In general, font plays an essential role in displaying the contents of a document containing text.  One of sets of fonts that Saola Animate makes it available to use is system fonts. Keep reading to find out why you should embed system fonts in Saola Animate, and how...

Working with Scenes

Think of scenes as slides in Microsoft PowerPoint. Scenes are helpful in separating content and controlling the flow of animations. So, we will walk through how to work with scenes in this today’s tutorial. This tutorial covers: Managing Scenes Customizing Scene...