Можно ли так анимировать треугольник?

<svg>
  <polyline id="tri" points="0,0 100,0 100,50 60,50 50,50 40,50 0,50 0,0"  stroke="red" stroke-width="5" fill="transparent"/>

  <animate 
    xlink:href="#tri"
    attributeName="points"
    from="0,0 100,0 100,50 60,50 50,50 40,50 0,50"
    to="0,0 100,0 100,50 60,50 50,60 40,50 0,50" 
    dur=".2s"
    begin="mouseover"
    fill="freeze" />
  <animate 
    xlink:href="#tri"
    attributeName="points"
    from="0,0 100,0 100,50 60,50 50,60 40,50 0,50"
    to="0,0 100,0 100,50 60,50 50,50 40,50 0,50" 
    dur=".2s"
    begin="mouseout"
    fill="freeze" />
    </svg>