[SOLVED] How to make a transparent hole with css?

Question

https://code.sololearn.com/WWlJPacxK132/?ref=app
This is the code. I wanna make the div (with id space) a hole through which the body background gradient is visible.

Answer 1

fixed 👍👍

https://code.sololearn.com/WkP30h7RvrO4/?ref=app

Answer 2

Atomic Wave ~⚛ thank you so much 😍... btw how does it work? How does background-attachment property make it possible?

Answer 3

https://code.sololearn.com/WMR2JaSzItxK/?ref=app

I found only this solution, because I saw in Atomic Wave ~⚛ help code (https://code.sololearn.com/WkP30h7RvrO4/?ref=app) , if we scroll down, the background of the space changes strangely.

But I think my solution isn't very good. 😅

Answer 4

Atomic Wave ~⚛ oh I see 😯.. thank you!

Answer 5

Spentify thanks! 👍

Answer 6

If I use opacity, then the blue block will show up. I want the body's background gradient to be visible directly.

Answer 7

Spentify Oh ok... no problem 😂👍

Answer 8

Bartika🎶 you are welcome ☺️
idk how it works 😂I noticed it when I was making gradients in my code and then I added this property didn't knowing what it does , suddenly all the gradients in the page was in sync with eachother🤯