misbachim/css-pokeball

I always loved the guy in Pokemon who would give you free Pokeballs, so i decided to become this guy!

CSS-Pokeball

I mean hey! Want some balls?

Look at this guy! He is definitely hitting the Gym, either Misty's or Sabrina's ifyouknow whatimean!

He has come a long way! I mean look how he used to be!

Nerdy and traped behind a counter trying to make ends meet doing a job he hates while he is clearly feeling sick, all pale looking and shit.

Good for him man! No matter how bad life treated him he pulled through! And the most important thing of all? He is the inspiration behind the creation of this repository!

How to grab the ball

We have never stopped talking about Pokeballs! Get your stuff together!

Ok so here is how my awesome output looks like!

That's what i am talking about!

Step | One

Create a div that you want to place the ball in and paste the following HTML structure:

<div class="poke_box">
    <div class="pokeball">
        <div class="pokeball__button"></div>
    </div>   
</div>

Step | Two

Have the same CSS as i do and it should work! Take a look

https://github.com/athanstan/css-pokeball/blob/master/style.css

I even made the Pokeball move and Blink when hovered by a mouse cursor!

Not amused?

Go and follow my Ko-Fi Page where I am going to be sharing the thorough walkthroughs of all the crazy shit i do in my free time!

Or Click the button below to go once again to my Ko-Fi Page! But with style!

Updated: https://ko-fi.com/post/Create-Animated-Pokeball-with-CSS-Q5Q61HZ76