Animation keyframes

A keyframe marks a moment where you decide exactly how an element should look: its position, size, color or opacity. On most timelines keyframes appear as small diamonds.

You usually set only the important moments, such as a start and an end. The tool fills in every frame between them. This is called interpolation, or "tweening".

Example: to make a Like button pop, set a keyframe at normal size, one slightly larger and one back at normal size. Three keyframes are enough for a smooth effect.