You can now set the opacity value of an entire element, in addition to setting the opacity (or alpha value) of a color. This value can be set as a part of a Style, or individually on an element. A value of 100 means fully opaque and a value of 0 means fully transparent. The default for all elements …

Its currently rolling out, so it should be showing up any time now!

And BOOM, there it is! It’s just what I had hoped. This will be super helpful for controlling the opacity of entire containers (including their content). And just to clarify Nick’s “animation” reference… [image] nick.carroll: and is compatible with any opacity animations you set on your elemen…

My animations are kind of broken now (loading forever and nothing happens) - may this be connected?

Oops yeah sorry we have the bad habit of calling transitions animations internally :sweat_smile:

Definitely an issue with animated popups not working now. The screen opacity goes dark as it should but popups never appear - they never animate. this is a breaking issue in my live app. Critical tasks are unavailable. I’ll create a bug report now.

haha come ooooooon… these minor updates are breaking stuff on a weekly basis at this point. There has to be a better way!

[New Feature] Adjust an entire element’s opacity

Announcements New features

nick.carroll February 2, 2023, 9:10pm 10

hmm its possible - do you mind sending in a bug report, checking with the team on this as we speak as well

Animated Popups Broken on Live Version

Topic		Replies	Views
Pop up suddenly not displaying (only dropshadow) Need help	9	1343	April 25, 2023
Conditional styling isn't fully working Mobile Beta	5	90	May 25, 2025
[Upgrade to Bubble Version 21] Improved Runtime Performance Announcements	120	18562	April 21, 2023
Silly Bubble defaults that need to be changed Idea	38	792	December 19, 2024
Announcing some fun new features (Nov 2019) Announcements	76	8159	February 28, 2020

[New Feature] Adjust an entire element’s opacity

Related topics