Why did I make a CSS3 Mickey Mouse?
I just started with web development and had the luck to get a internship space with a really crazy teamleader.
At first we did some basic webpages but in the 3rd week Greg asked me if I would dare to try a pure CSS3 Mickey Mouse. At first I was like: “yeah right.. I can’t do that…”.. but Greg only answered: “Well it’s just a bunch of circles. Trust me. you can do it.”
CSS3 Mickey Mouse
..Well yeah… I gave it a shot. And after I got the logic behind it, it started to become more and more fun.
At first I started with the head and adde the ears.. then the noses eyes mouth.. and Voilà….
a pure CSS3 Mickey Mouse.
Look at the result in the image below or click the DEMO button to see a live version.

CSS3 Goofy
Well after I finally finished the CSS3 Mickey Mouse and thought I was finally relieved from the comic coding, Greg said: “Let’s make a goofy”…
Are you out of your mind???????????
Greg showed me the image and .. honestly.. I thought.. YES IT CAN BE DONE.
So another task for me (the comic coder)
It got easier and easier and also more and more fun. To be honest, the goofy was a lot harder to do than the CSS3 Mickey Mouse, but I think it also looks a lot more impressing. Crazy.. I still can’t believe it.
Not only that i was a lot of fun to do the CSS3 Mickey Mouse and Goofy but I also learned a lot about HTML5 and CSS3. I am not afraid of having to create UI elements in pure css3 anymore. Anything can be done.. AND THIS IS MY PROOF.

Browser support: Chrome, Safari, Firefox
Please use one of those browsers or look at the images.
Incoming search terms:
comic characters, goofy from mickey mouse,
Lukas Winterberg
Latest posts by Lukas Winterberg (see all)
- CSS3 Comic Characters – CSS3 Mickey Mouse, Goofy - August 3, 2012
Pingback: css3 twitter bird - twitterbird()