athanstan / css-pokeball

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

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

CSS-Pokeball

I mean hey! Want some balls?

Image of the The Ball Guy

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!

Imgur

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!

Imgur

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!

Buy Me a Coffee at ko-fi.com

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

About

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


Languages

Language:CSS 71.5%Language:HTML 28.5%