Svg不在IE11中工作

Question

你好我有这个svg它在chrome中工作得很好但是当我用它试用它时它不起作用。这是我的代码：https://jsfiddle.net/y3k9hntp/1/

.svg-wrapper2 {
 position: relative;
 top:100px;
 transform: translateY(-50%);
  margin: 0 auto;
 width: 320px; 

 }
 .shape2 {
 position:relative;
 stroke-dasharray: 140 540;
 stroke-dashoffset: -474;
 stroke-width: 2px;
 fill: transparent;
 stroke: #c2b6b4;
 border-bottom: 6px solid black;
 transition: stroke-width 2s, stroke-dashoffset 2s, stroke-dasharray 2s;
 }
 .svg-wrapper2:hover .shape2 {
 position:relative;


 stroke-width: 2px;
 stroke-dashoffset: 0;
 stroke-dasharray: 1000;
 }