Animated loops of a runner and a jogger created using Scalable Vector Graphics.
This set of light-weight, responsive, JavaScript SVG animations contains a runner and a jogger.
Features:
- 2 x Custom runner/jogger animations.
- Optional scrolling road (dashed line).
- Editable colour of the runner/jogger/road.
- Editable speed of the runner/jogger/road.
- Scales to any size.
- Outlines of real runner means realistic movement.
- Responsive and retina-ready.
- Pure JavaScript.
- Small file size (Runner is 19Kb gzipped, jogger is 11Kb gzipped).
- Resolution independent.
- Runs beautifully on desktop and mobile (pun intended!).