The thing with CSS triangles is that they aren’t really triangles, they are squares where 2-3 borders of them are transparent so they just look like triangles.
It might be possible to use little SVG chunks though (heavier in the DOM). Or possibly even better, CSS clip-path: polygon() to get a triangular area.
Так что совершенству нет предела