Featured Products

WOOBE - WooCommerce Bulk Editor Professional
WooCommerce Products Filter
WooCommerce Currency Switcher
WOOT - WooCommerce Active Products Tables
TABLEON - WordPress Post Tables Filterable
Taxonomy Chain Menu

SVG Running and Jogging Loops

SVG Running and Jogging Loops

By : chrisgannon  Published on Wednesday, February 03, 2016,09:54:24   in    JavaScript Scripts
image

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!).

    • Share This Product

    Product Tags

    • animation
    • fit
    • fitness
    • health
    • jogger
    • jogging
    • marathon
    • road
    • runner
    • running
    • scalable
    • sprite
    • svg
    • workout

    Possibly related products

    image

    Fitness Center Manager

    image

    Page Animator

    image

    Responsive Musicians Anim...

    image

    BWL Sticky Animated News ...

    image

    jQuery Combo box - Custom...

    image

    7560 Button Generator

    Leave your Comment