Animation on the site consists of 4 main parameters:

• Transition (for example, a title changes opacity from 0% to 100%)
• Delay — Delay before start
• Timing — Duration
• Easing — Smoothness

The approach to animation depends on the focus of the project. In some projects, animation plays a key role, building the main interaction and dialogue with the user. In other, more systemic products, such as corporate websites or online stores, animation performs more of an accompanying function. In such cases, we focus on micro-interactions to create an overall pleasant experience. In any case, animation is important, so let’s consider both approaches.