Web Design: CSS Magic

Magic 8 Ball, Online: A CSS Experiment, Tom Hinson Design, Atlanta

The online Magic 8 Ball. Or, what else can you do with CSS?

For this late night challenge, I wanted to recreate the classic Magic 8 Ball, with a twist: lots more cheesy answers. ‘Cause I’m pretty sure we all need that.

Though this was just for fun, the goal was to push what can be done with CSS or cascading style sheets, the ‘code’ that drives the appearance—and to some extent, the functionality—of all websites.

For a touch of realism, the background triangle and text appear from random angles and directions, and the text is blurred until it gets to the top. It’s responsive, so everything, including the text, resizes to fit your phone so you can get answers you need on the go. 😉

Visit the online Magic 8 Ball here.

Online Magic 8 Ball

View This Project

Related Work