Skip to main content

The Simpsons created entirely in CSS

The Simpsons CSS

These well known characters have been recreated using markup only

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."

Pattle broke down each character into its individual elements and reconstructed them with CSS

Pattle broke down each character into its individual elements and reconstructed them 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!

Have you seen an inspiring example of CSS? Let us know in the comments box below!

The Creative Bloq team is made up of a group of design fans, and has changed and evolved since Creative Bloq began over a decade ago. The current website team consists of five people: Editor Kerrie Hughes, Deputy Editor Rosie Hilder, Deals Editor Beren Neale, Senior News Editor Daniel Piper, and Staff Writer Amelia Bamsey. The 3D World and ImagineFX magazine teams also pitch in, ensuring that content from 3D World and ImagineFX is represented on Creative Bloq.