Hi, I’d like to know if it’s possible to apply an opacity (transparency) effect on an element after it has been “calculated” by the browser.
Here’s why:
https://codepen.io/Lucide/pen/XYPaPK
That’s an effect that relies on the characteristic of the buttons of being opaque. When it was time to apply the concept on my page, I discovered it wasn’t usable anymore, because I had to put those buttons in a semi-transparent interface.
And even if the opacity effect was set on the main container, in reality it was simply inherited by all the children.
I already had to rewrote a similar effect for transparent uis
https://codepen.io/Lucide/pen/qKLbqz
But in the case with the buttons it’s not possible to follow the same path. Is there a way to apply the opacity effect after everything has been drawn? That would be awesome, I would be able to work easily with opaque colors, and apply the opacity effect after, on the “bitmap”.
That would really eliminate a lot of work (for me, the gpu, and the pcu).
Is this possible?
If not, how would you proceed?
Thank you!
