Add animation

[khanh-devos]

Good morning Samuel Goto,
I am Khanh. I am happy to make this contribution to your repo to add an animation feature. Below is its description.

• Create a new file animate.
• Keep the origin file unchanged except the browser file (but the concept is the same).
• Set the format below as a frame to declare a new animation (toggle from item 1 to item n)
  @(animate:{time:1000, repeat:true, width:2000, height:100})
  (
  animated_item_0 ... item_n
  )@{className}
• "className" is used to define different animations
• "time:1000" is an interval while animating.
• "width" and "height" are properties of a parent SVG to contain the animated child svgs.
• Without the first line and the frame ( ... )@{className}, the app will run normally.
• This is my GitHub repo (vite config) to show this

Passion: support writers to have more power to describe some key cases in their e-books.
My sixth sense told me that the code is not professional enough. If you have any ideas, please tell me. I am very happy to learn from you.

[piranna]

An example or a test showing what's the actual animation format would help a lot to understand the code.

[seppestas]

@piranna, a demo of this feature is here: https://www.loom.com/share/a6e1bde3acfa41268aa37bad186e0312

I am personally not a fan of this animation feature because it makes typograms no longer "WYSIWYG", but I guess you always have the option to just not use it :).