The Simpsons created entirely in CSS
Chris Pattle has recreated The Simpsons' most popular characters in markup alone - and the results are stunning! Find out how he did it...
The Simpsons has been entertaining TV audiences for more than 20 years with familiar characters created with traditional cel animation. But here web designer Chris Pattle has created some of the best known faces from the cartoon sitcom purely in CSS.
"First of all I took each character's face and broke it up into different shapes that I could then piece together to create the character," he explains. "You often see artists do the same kind of thing when demonstrating their drawing techniques so I figured it was the right way to start. The hardest part of this was breaking down the character into shapes that I knew I could create with CSS."
He hopes to add more Simpsons characters in future, as well as find ways to reduce the number of elements used to create the existing ones.
Update: Pattle has temporarily removed his project from Github while he seeks legal permission to reproduce the Simpsons characters
Like this? Read these!
- Discover what's next for Augmented Reality
- Download free textures: high resolution and ready to use now
- The best photo apps for iPhone, iPad and Android
Have you seen an inspiring example of CSS? Let us know in the comments box below!
Thank you for reading 5 articles this month* Join now for unlimited access
Enjoy your first month for just £1 / $1 / €1
*Read 5 free articles per month without a subscription
Join now for unlimited access
Try first month for just £1 / $1 / €1
Get top Black Friday deals sent straight to your inbox: Sign up now!
We curate the best offers on creative kit and give our expert recommendations to save you time this Black Friday. Upgrade your setup for less with Creative Bloq.
The Creative Bloq team is made up of a group of design fans, and has changed and evolved since Creative Bloq began back in 2012. The current website team consists of eight full-time members of staff: Editor Georgia Coggan, Deputy Editor Rosie Hilder, Ecommerce Editor Beren Neale, Senior News Editor Daniel Piper, Editor, Digital Art and 3D Ian Dean, Tech Reviews Editor Erlingur Einarsson and Ecommerce Writer Beth Nicholls and Staff Writer Natalie Fear, as well as a roster of freelancers from around the world. The 3D World and ImagineFX magazine teams also pitch in, ensuring that content from 3D World and ImagineFX is represented on Creative Bloq.
Related articles
- First Impressions: freelance illustrator Marie-Alice Harel loves "the freedom" her work offers
- New York was recreated on a virtual set for the Dakota Johnson and Sean Penn movie Daddio, and nobody knew
- 2D art of the week: Deborah Saez
- Creating the subtle VFX behind Here, the new movie from Robert Zemeckis and Tom Hanks