Skip to main content
I
izdane1-Visitor
1-Visitor
August 10, 2018
Question

Frosted Glass/ Opacity of 2D overlay

  • August 10, 2018
  • 1 reply
  • 1382 views

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.

1 reply

J
jmikesell1-Visitor
1-Visitor
August 10, 2018

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.

I
izdane1-VisitorAuthor
1-Visitor
August 13, 2018

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); 
}
Terms & ConditionsAccessibility statement