HTML/CSS - SVG triangle with hover effect Online Editor and JavaScript Compiler

html

<svg>    
    <path id="path1" d="m20.75,114.75l54.5,-94l54.5,94l-109,0z" fill="green" stroke="black" stroke-width="0"/>
    
    <animate
        xlink:href="#path1"
        attributeName="stroke-width"
        from="0"
        to="5"
        dur=".2s"
        begin="path1.mouseover"
        end="path1.mouseout"
        repeatCount="indefinite" 
        fill="freeze" />        
</svg>

css

BROWSER

Console