DEV Community

Hibrit Usta
Hibrit Usta

Posted on

How to make the background of the items inside a box, the background of the page?

There is one box in the photo below and there are round circles inside the box.
The background of the box has a wood pattern, but the background of the elements inside the box is transparent(body background).

my case study file:https://jsfiddle.net/xeq2u5L6/1/

How can I do this with css?

Alt Text

Top comments (2)

Collapse
 
aleksandrhovhannisyan profile image
Aleksandr Hovhannisyan

I wouldn't think of the circles as holes; just treat them as a layer on top of the wood and give them the same background color as the main background color.

Collapse
 
hibritusta profile image
Hibrit Usta • Edited

i will create the elements inside the box as css. i will give you height, width ..
I did as much as you said. But since the body background is gradient, it won't be exactly what I want.my case study file:jsfiddle.net/xeq2u5L6/1/