The Easing settings control how fast an element moves, helping animations feel natural and realistic.
Zero Block offers several types of Easing:
Ease-In-Out The most common type, where the element starts slow, speeds up, and then slows down at the end for a natural effect
Ease-In The element starts slowly and accelerates, then continues at a constant speed. This effect resembles a rocket launch.
Ease-Out The element starts fast and then slows down toward the end for a gentle stop. This creates a "fade-out" effect, often used for soft animation endings.
Elastic Fin This type adds a bounce effect, mimicking the motion of a ball bouncing on a springy surface or objects colliding and rebounding.
⚠️ When designing animations, consider each element's movement and the feelings it should evoke to set the right mood and maximize its effect on the user.
To apply this effect in Zero Block, choose the desired type under the Easing setting.