Augh, I spent ages making an animated svg and I can't upload it here and my wordpress doesn't like it.....
And then get it to go forwards and then backwards to a seamless loop by
convert cropped2.gif -coalesce -set delay 10 -reverse cropped2.gif -set delay 10 -loop 0 -background White bouncing.gif
So this is made using:
inkscape, vscodium, firefox, gnome recorder, ffmpeg, glimpse, imagemagick
1. I wrote Fuck the Tories in inkscape using the Bravura text font (my fave) and set the stroke to black and the fill to a gradient (which I'd have to re-read the manual to explain)
2. Then, under the Extensions menu, under Text, I selected Split Text to separate every letter. It did but also trashed the layout.
3. Then I selected all and under the path menu, selected Object to Path ...
...That keeps the letter shaped from depending on what fonts you happen to have installed.
4. Then I opened the SVG in a text editor and added an <animateTransform> to every letter with an ID.
<animateTransform attributeName="transform" id="F"
values="0 0 ; 126 266; 37 226 ; 190 269; 0 0"
... If you open https://www.celesteh.com/images/ftt-animate3.svg , you can right click on it to view the source. There's a call set interval function on every letter so as soon as it finishes it's animate transform, it gets a new path.
Server run by the main developers of the project It is not focused on any particular niche interest - everyone is welcome as long as you follow our code of conduct!