u/Ernie-3

https://reddit.com/link/1ti4amd/video/d1jnro1kj62h1/player

Been happening for a while now. but when I try to open the big picture mode overlay it flashes then goes grey. making it unusable. I can still hear the audio for the menus and stuff so I know it is there just the UI seemingly gets covered. similar thing for the radial menu but I am not sure if it is related.

I have tried

• Turning off auto scaling the text and icons to match the monitor settings
• disabling gpu accelerated rendering in web views and disabling smooth scrolling in webview

can anyone help?

Hi there I am messing around with Html and css and was wondering if anyone knew how to do a kinda specific thing or if it was even possible or if I would have to go about it another way.

I wanted to make a sort of pop out effect using two images. where one image looks like it is popping out of the other. the only thing is one of the images I am using as a mask and filling it in as a background color(I don't know if that effects anything.) and it has sort of a complex border and I would like the border to cleanly cut off/mask the image that I want to put ontop/coming out of it.

I kinda tried with overflow: hidden after looking up some tutorials but that only seems to make a box and it doesn't really look the way I'd like. the other tutorial I found kinda makes it perfectly but again has a clean cut.

I'll attach the image I'd like to act as the "Hole"/ cut off/mask.

New to this and I am probably missing something so if anyone can point me in the right direction I'd really appreciate it.

https://preview.redd.it/n2zktwjp3ezg1.png?width=2841&format=png&auto=webp&s=29ee501a81f2caf8c88b9c50dce2db128bc19ada

Create an animated pop-out effect // HTML & CSS

Edit:

I made a code pen and copied the code that I had and am working on. most of it is trial and error and probably messy/not good practice. everything has a border to help me visualize stuff as well.

https://codepen.io/E-V-Enigma/pen/azBvwbX