> For the complete documentation index, see [llms.txt](https://docs.flipabit.dev/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.flipabit.dev/animation/color-animation.md).

# Color animation

## Background color animation

<div align="left"><img src="/files/-MIxukNxysUjev6HOa50" alt=""></div>

To add background color animation:

1. Select widget&#x20;
2. Select Insert > Action
3. Double click Action cell of highlighted row in Actions Editor
4. Select Actions > Animation > Set color
5. Select Color

## Overlay color animation

<div align="left"><img src="/files/-MIxukO13jj6C0htpi1L" alt=""></div>

To add overlay color animation:

1. Select widget&#x20;
2. Select Insert > Action
3. Double click Action cell of highlighted row in Actions Editor
4. Select Actions > Animation > Set overlay color
5. Select Color