-2

I have tried to achieve something like in the picture below.

I have used polygon but unfortunately this is not supported by IE. Also i don't want to use SVG.

Is there any other solution to achieve that? the solution should also be responsive if possible.

enter image description here

Dirk Vollmar
  • 172,527
  • 53
  • 255
  • 316
saaami11
  • 109
  • 2
  • 2
  • 8

1 Answers1

0

I found this sample in jsfiddle for IE using clipPath, it may help:

<clipPath id="clip-triangle">
                <polygon points="0 0, 100 0, 112 13, 240 13, 240 250, -250 250" />
            </clipPath>

https://jsfiddle.net/2wu0dwrL/

Jihed Jaouabi
  • 194
  • 1
  • 13