Responsive triangle border

[freetecno]

Nell'immagine allegata si nota il bordo celeste "triangolare" di un'area più scura, azzurra.
Vorrei riprodurre lo stesso effetto, adattandolo al cross-browsing e il comportamento responsive.
Potete darmi una mano? Grazie.