futbol-animated-svg

An animated SVG depicting a futbol/soccer ball, in color, with animations during hover and outside of hover state.

Usage no npm install needed!

<script type="module">
  import futbolAnimatedSvg from 'https://cdn.skypack.dev/futbol-animated-svg';
</script>

README

Futbol-Animate

Table of Contents

  1. What is this?
  2. Installation
  3. Technologies Used
  4. Notes

What is this?

While designing a website for a client running a nonprofit specializing in sports philanthropy, I found myself becoming more interested in incredible SVG animations. I initially designed this with HTML5, CSS3, but decided to publish a neat little React code-block for anyone's use. If you deem it useful to you, thanks for the download!


Installation

  1. DO NOT RUN, THIS IS A WORK IN PROGRESS (WIP)
  2. Enjoy a starting state of a rolling soccer ball with color & a :hover animation of said ball bouncing up and down.

Technologies Used

  • HTML5
  • CSS3
  • SVG Rendering
  • React

Notes

Project Status: WIP – Initial development is in progress, but there has not yet been a stable, usable release suitable for the public.

  • Intended for public use.