Animated circles - HTML only
Based on a get started with canvas tutorial on CreativeBloq and some small adjustment. It is <100 lines of JavaScript.
Here the same, just implemented with simple div's, absolute positioning and border-radius.
0 FPS
Adjustments from SVG to HTML only
- Instead of cx and cy, use obsolute left and top
- border-radius: 100% to make circles
- data put into WeakMap instead of on nodes