This example uses the translateX function in transform to move the element from an offset of 200px from its original position to its original position. In animation, it is a good idea to place an item in its final position, and then to use transform to offset to its starting position (FLIP).

Just Animate has several special properties that manage transform individually: rotate, rotateX, rotateY, rotateZ, scale, scaleX, scaleY, and scaleZ.

The x property is the shorthand property for calling transform: translateX(). As shown in the example, Just Animate Web will automatically pixels for CSS lengths such as width or height, and automatically choose degrees for CSS angles such as the rotate() transform function.

To keep the Web Animations API library small in size, transform and shorthand properties cannot be used together. It takes quite a lot of code to allow this, and generally, using the shorthand properties is easier/

Unit-less Properties

Just Animate Web automatically assigns units to the following properties when specified as numbers:

Other properties

Just Animate supports whatever properties are also animatable by CSS in that browser. If a property does not have support, the Web Animations API uses a fallback strategy of switching values midway between keyframes.