Prevent two divs opacity from overlapping in CSS

Asked Apr 25 '18 at 14:14

Active Apr 25 '18 at 14:14

Viewed 766 times

I'm trying to make this shape with CSS

I've manage to get the shape I wanted by overlapping two divs but as you can see, when I lower the opacity of the elements, the overlapping area become visible.

Is there a way to prevent elements opacity from overlapping to give the impression that it is a solid "piece" ?

If not, how can I make this shape ?

Thanks !

asked Apr 25 '18 at 14:14

Théo Champion

1,701
1
21
46

`I've manage to get the shape` --> where ? – Temani Afif Apr 25 '18 at 14:17
add the html and css you used to create this shape, a Fiddle would be great – Taki Apr 25 '18 at 14:17
https://stackoverflow.com/questions/8746860/how-to-handle-double-opacity-of-two-overlapping-divs Duplicate question, take a look at the answer provided here. Flagged. – Daniel Vickers Apr 25 '18 at 14:18

Prevent two divs opacity from overlapping in CSS

0 Answers0

Linked

Related