DEV Community

Discussion on: CSS Shapes - Triangles

Collapse
 
vanaf1979 profile image
Stephan Nijman

Nice one! You could also use clip-path instead:
clip-path: polygon(50% 0%, 100% 100%, 0% 100%);

See this little Codepen: codepen.io/Since1979/pen/dyNozXj

Collapse
 
dailydevtips1 profile image
Chris Bongers

Ah yes, not really good with the clip-path syntax yet, how does it perform browser wise?

Collapse
 
vanaf1979 profile image
Stephan Nijman

Well it should work on all mayor modern browsers. And i dont think performance should be an issue. Browsers can handle more then we think! :p