How to layer different css shapes ontop of one another....

Question

I checked it out on the tutorial and Google but cannot find any appropriate answer ...
Please help me out.🙏😓

Answer 1

If you create a shape in html with css they automatically layer one on top of the other.

This seems to obvious so I have a feeling its not what you mean....

Does this have somthing to do with having a new element in the exact position as the previous one?.

Answer 2

As others have said you may use z-index property, but you may also use the transparent effect and not set it as transparent lol. but the z-index is better (even tho transparent is easier to understand for me)