CSSでSVGのラインアニメーションをすべてのブラウザで同じ方向から行えるようにする

Safariブラウザのみ他のブラウザとは逆の向きでラインアニメーションしてしまう。
そのような場合、stroke-dasharrayプロパティをリストにすると解決できる。

stroke-dasharray: 500px 500px;