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

Community Tip - Need help navigating or using the PTC Community? Contact the community team. X

Frosted Glass/ Opacity of 2D overlay

izdane
4-Participant

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 2

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.

izdane
4-Participant
(To:jmikesell)

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); 
}
Announcements

Top Tags