Basics

Guides

CSS Variables

CSS Variables are a new browser that allows use of custom properties in CSS that are modifiable by JavaScript. While they are only currently supported in FireFox and Chrome, a lot of things that were previously difficult to do are fairly trivial.

Just Animate has basic support for CSS Variables. At the time of this writing, there is support for animating numeric values and interpolating between discrete values.

Fade In

For instance, if we wanted to animate opacity through CSS Variables, we could do the following in JavaScript:

The resulting background would be a linear gradient from left to right with one side shifting through all colors, and the other side being black. Before CSS Variables, this would have been difficult to do. Using Just Animate, it is now even easier.