Как сверстать такой треугольник?
Кривая Безье - это именно то, что тебе на самом деле надо для того, чтоб решить свою задачу.

clip-path - это то, что позволит использовать тебе Кривые Безье для стилизации своего элемента.

Тем, кто не хочет развиваться сюда
Найти clip-path и попробовать обрезать блок сверху. Если получилось, накидаем через filter CSS свойство тени и будет все ок. Главное найти path нужный )