css triangle with one responsive side

I've searching for a while, but didn't find a solution.

The problem is that I need css triangle with fixed height (50px) to be stretched on 100% width of the div.

Surely, it can be done via js or jquery, or by replacing with svg, but is there any pure css solution for this?

Upvotes: 0

Views: 33

Answers (1)

Kindzoku
Kindzoku

Reputation: 1420

Pure CSS triangle is manageable via borders, and borders doesn't support thickness in percents. So I guess it's impossible.

Upvotes: 1

Related Questions