# Opacity animation

<div align="left"><img src="https://963067965-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MIJW5nbmYRaSNWePAac%2F-MIxu2KP4MClY9gv_q2W%2F-MIxukO03RzkXGQh371o%2Fgif_animation_opacity.gif?alt=media&#x26;token=0d816026-583d-4586-a54c-aa619759713a" alt=""></div>

To add opacity 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 opacity
5. Enter value for Opacity argument (from 0 to 1)