css clip path Shape is not working on ie or how can i create this with css

user_8314079 0
Viewed 7173

I want to clip an image according to a shape, like the image below.
But my code is not working in IE.
How can I get it to work in IE?

enter image description here

.svg-image {
  background: url(http://r-ce.com/wp-content/uploads/2016/01/Driving-Classes-Deal1-1.jpg);
  width: 320px;
  height: 320px;
}

.svg-image {
  -webkit-clip-path: polygon(50% 0%, 100% 0, 100% 35%, 100% 85%, 70% 92%, 51% 81%, 31% 90%, 0 87%, 0% 35%, 0 0);
  clip-path: polygon(50% 0%, 100% 0, 100% 35%, 100% 85%, 70% 92%, 51% 81%, 31% 90%, 0 87%, 0% 35%, 0 0);
}
<div class="svg-image"><div>

View on CodePen

clip-path internet-explorer css
1 Answers
Related