Got a question ? Then consult the magic 8-ball !
This was another project developed for fun. Making use of HTML, CSS, and JavaScript. You can find a working demo @ https://sethclydesdale.github.io/magic-8-ball/
For the best experience, make sure that your browser is up to date !
CSS was used for a majority of transitions and animations, and of course JavaScript is used for the main logic ! The answer triangles themselves are images, due to the fact that it's a bit difficult to maintain a perfect appearance with CSS alone. You can make triangles with 2 transparent borders and 1 colored, but I found it was still a difficult task. It should be achievable if you're using the canvas element, though. :)
There's a possibility of 20 different answers !
Positive Answers
- It is certain
- It is decidedly so
- Without a doubt
- Yes definitely
- You may rely on it
- As I see it, yes
- Most likely
- Outlook good
- Yes
- Signs point to yes
Neutral Answers
- Reply hazy try again
- Ask again later
- Better not tell you now
- Cannot predict now
- Concentrate and ask again
Negative Answers
- Don't count on it
- My reply is no
- My sources say no
- Outlook not so good
- Very doubtful
Now think of the chances ! 50% of the time you can get a positive answer, and 25% of the time you can get either a neutral or negative answer. The odds are in your favor !.. maybe !!