cancel
Showing results for 
Search instead for 
Did you mean: 
cancel
Showing results for 
Search instead for 
Did you mean: 

Frosted Glass/ Opacity of 2D overlay

Highlighted
Level 7

Frosted Glass/ Opacity of 2D overlay

Is there any way to set the opacity of a panel in the 2d designer without changing the opacity of the child elements inside? I want to create a frosted glass effect for my 2d overlay, but all of my content inside the container is also opaque when I set the opacity of the container.

2 REPLIES

Re: Frosted Glass/ Opacity of 2D overlay

The internet says no.

I think you will have to create another class/s for the children to override the parent class elements you don't want.

Re: Frosted Glass/ Opacity of 2D overlay

I've tried creating another class for the children but it doesn't seem to override the parent container class. I can see it being properly applied in Chrome Dev Tools, but it doesn't seem to do anything. Here's the parent container class:

.container-selected{
 border-radius: 15px;
 filter: blur(10px); 
}

  And here's the child class:

.simple-label{
  padding: 10px;
  filter: blur(0px); 
}