# \[Solved\] How can I control the opacity of a component in blocks

**URL:** <https://community.thunkable.com/t/solved-how-can-i-control-the-opacity-of-a-component-in-blocks/701181>\
**Category:** Questions about Thunkable X\
**Tags:** design, solved\
**Created:** [July 25, 2020, 9:22am UTC](https://community.thunkable.com/t/solved-how-can-i-control-the-opacity-of-a-component-in-blocks/701181 "2020-07-25T09:22:29Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![juschan0605](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/juschan0605/32/98033_2.png) [@juschan0605](https://community.thunkable.com/u/juschan0605)\
**Post date:** [July 25, 2020, 9:22am UTC](https://community.thunkable.com/t/solved-how-can-i-control-the-opacity-of-a-component-in-blocks/701181/1 "2020-07-25T09:22:29Z")

</div>

How can I control the opacity of a component in blocks. In the designer, you can edit the opacity in: background color to RGBA and edit the ‘A’ part. However, the blocks only lets you choose the color but not opacity. As shown below:  
In designer:  
 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/5/05fa6738b9366ff5140f0e5e2eab6b4a34256cc9.png)  
In blocks:  
 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/d/5/d5eed518feaf8a03c50ec7cc590c6e96800c796e.png)

---

<div class="post-metadata">

**Author:** ![domhnallohanlon](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/domhnallohanlon/32/29554_2.png) [@domhnallohanlon](https://community.thunkable.com/u/domhnallohanlon)\
**Post date:** [July 25, 2020, 9:55am UTC](https://community.thunkable.com/t/solved-how-can-i-control-the-opacity-of-a-component-in-blocks/701181/2 "2020-07-25T09:55:50Z")

</div>

Hey @juschan0605,

You can also use a text block here.

If your type in `rgba(100, 0, 256, 0.5)` you can manually specify the red, green, blue and alpha values.

R,g, and b should be between 0 and 256  
Opacity should be between 0 and 1

For more, take a look at the " Ease Out Ease In" function here:

> [@Slideshow with transitions and auto-advance](http://community.thunkable.com/t/slideshow-with-transitions-and-auto-advance/200919):
>
> If you’ve ever given a presentation before then you’re probably already familiar with slide transitions. In the past, we’ve covered [how to create a simple slideshow app](https://www.youtube.com/watch?v=aYe5eX5Pr24), but the navigation was pretty basic and there were no fancy transitions to move between images or slides. In this tutorial we’re going to look at how to mimic those two things in your Thunkable apps. Finished Product This is what the final app looks like, with the ability to swipe through the images and captions, or to have th…

Hope that helps!

---

<div class="post-metadata">

**Author:** ![juschan0605](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/juschan0605/32/98033_2.png) [@juschan0605](https://community.thunkable.com/u/juschan0605)\
**Post date:** [July 25, 2020, 10:18am UTC](https://community.thunkable.com/t/solved-how-can-i-control-the-opacity-of-a-component-in-blocks/701181/3 "2020-07-25T10:18:14Z")

</div>

Thanks for your help! 🙂

---

<div class="post-metadata">

**Author:** ![ioannis](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ioannis/32/146956_2.png) [@ioannis](https://community.thunkable.com/u/ioannis)\
**Post date:** [November 8, 2024, 12:27pm UTC](https://community.thunkable.com/t/solved-how-can-i-control-the-opacity-of-a-component-in-blocks/701181/4 "2024-11-08T12:27:01Z")

</div>