Square Systems
An animated SVG I made using SMIL.
The main idea of it was to test a little what we could do with SMIL. I chose to represent planets orbiting a strange shape that morphs into a square at times.
SMIL and CSS animations are not the same, it’s very difficult to rotate elements like this with CSS. SMIL also offers posibilities for elements to move along a path, which is impossible to do with CSS only (it can however be reproduced by changing the coordinates and rotation very often).