Hacker News Reader

Comment by runarberg | Hacker News Reader

> Sadly, SVG still doesn't let you pause the animation

Not even through `animation-play-state: paused;`? e.g:

    :hover {
      animation-play-state: paused;
    }

View on HN

The termtosvg repo linked by another commentor seems to have a pausable example in their examples gallery, so it appears to be doable.

The difference there is that the pausable SVG is embedded on the page as an object element. There is Javascript inside the SVG document that is enabling the replay to be pausable.

Github readmes however only allow embedding SVGs as images, and Javascript won't work in that case.

EDIT: added a missing word

Reply on news.ycombinator.com