![75c970c6fceb4a31b8d9a03696ef5559.PNG](https://habrastorage.org/files/75c/970/c6f/75c970c6fceb4a31b8d9a03696ef5559.PNG)
Создаю через css с помощью after треугольник, но как сделать что бы не было видно нижнего розового фона, а подложить туда например через margin-bottom: -40px фото как на скрине
Код треугольника:
#fourth-page:before {
content: '';
position: absolute;
bottom: -40px;
left: calc(50% - 40px);
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-top: 35px solid black;
}
Вот как выглядит:
![c5bb8362b04e4576abe82e36a5a7b847.jpg](https://habrastorage.org/files/c5b/b83/62b/c5bb8362b04e4576abe82e36a5a7b847.jpg)
Надо как то наложить нижний фон на верхний что ли, но что бы розовый фон под треугольником не было видно. Короче не знаю как реализовать...