# A Simple Animation **URL:** \ **Category:** Questions about Thunkable X\ **Created:** [December 31, 2022, 11:27pm UTC](https://community.thunkable.com/t/a-simple-animation/2200355 "2022-12-31T23:27:55Z")\ **Posts on this page:** 7\ **Page:** 1
**Author:** ![mbritt](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/mbritt/32/43885_2.png) [@mbritt](https://community.thunkable.com/u/mbritt)\ **Post date:** [December 31, 2022, 11:27pm UTC](https://community.thunkable.com/t/a-simple-animation/2200355/1 "2022-12-31T23:27:55Z")
I have a “Save” button in an app I’m working on and I’d like, when the user taps it, for the word “Saved” to go from 0% alpha up to 100% and then back to 0 again. Perhaps over a 5 second time span. I’ve watched some videos on how a timer works in Thunkable but I’m stumped. Can anyone suggest how I can accomplish what I want to here? Appreciate it! Michael ---
**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\ **Post date:** [January 1, 2023, 12:05am UTC](https://community.thunkable.com/t/a-simple-animation/2200355/2 "2023-01-01T00:05:17Z")
I find the Timer component to be really unintuitive. You can use it but it may be easier to have two “count with i” loops and use the i variable as your alpha channel. ---
**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\ **Post date:** [January 1, 2023, 5:36am UTC](https://community.thunkable.com/t/a-simple-animation/2200355/3 "2023-01-01T05:36:13Z")
Here’s how to make it fade over 5 seconds: ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/f/b/fb1a3a442b3e70370c22ffb3dd0b9f2697e25f38.png) Just reverse the count from 0 to 1 to make it appear. ---
**Author:** ![mbritt](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/mbritt/32/43885_2.png) [@mbritt](https://community.thunkable.com/u/mbritt)\ **Post date:** [January 1, 2023, 2:08pm UTC](https://community.thunkable.com/t/a-simple-animation/2200355/4 "2023-01-01T14:08:13Z")
Always a helpful reply from @tatiang! I’ll give this a try and let you know how it goes. Thx! ---
**Author:** ![mbritt](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/mbritt/32/43885_2.png) [@mbritt](https://community.thunkable.com/u/mbritt)\ **Post date:** [January 1, 2023, 8:57pm UTC](https://community.thunkable.com/t/a-simple-animation/2200355/5 "2023-01-01T20:57:07Z")
I tried your code out on my project and it definitely works. Thx! I come from a Flash actionscript background and I have to say that I would never think of the blocks you have here. I mean, I certainly get the idea of counting down from i = 1 to 0, but I wouldn’t have thought of changing a label’s rgba values by using this join block to adjust one value. That’s wild! I would have thought that the solution involved either alpha or visibility levels. How did you even think of this approach? Michael ---
**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\ **Post date:** [January 1, 2023, 11:14pm UTC](https://community.thunkable.com/t/a-simple-animation/2200355/6 "2023-01-01T23:14:20Z")
There isn’t a transparency value or even a separate alpha value for components. It’s all done within the component’s “color” property. I’m used to using opacity in Illustrator and other app development tools so I had to adjust to Thunkable. But as far as I know, the “a” in “rgba” is the only way to adjust that value using blocks. You can do a surprising number of powerful/flexible things in Thunkable by modifying text strings with the join/replace all/substring blocks. ---
**Author:** ![system](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/f/0f59f292712368bce16ff80133ae10de8a6f27e8.png) [@system](https://community.thunkable.com/u/system)\ **Post date:** [April 1, 2023, 11:15pm UTC](https://community.thunkable.com/t/a-simple-animation/2200355/7 "2023-04-01T23:15:14Z")
This topic was automatically closed 90 days after the last reply. New replies are no longer allowed.