DEV Community

Cover image for The Simpsons in CSS

The Simpsons in CSS

Alvaro Montoro on March 26, 2021

This post is going to be a little bit of showing off (sorry πŸ˜…). It is a personal project that I did over 2 years ago –before joining DEV–, and that...
Collapse
 
afif profile image
Temani Afif β€’

nah! all of them are embeded images ... inspecting the code ... 🀯🀯
I think I won't be surprised if you do a full simpson episode using only CSS .. you already have all the cast πŸ˜‹

Collapse
 
alvaromontoro profile image
Alvaro Montoro β€’ β€’ Edited

I want to do a "short film" in HTML+CSS, but I lack the technical knowledge and skills for the animations... maybe one day...

Collapse
 
afif profile image
Temani Afif β€’

I think you can start with easy stuff like having the characters on a fixed position and a bubble over them with a text typing animation and you move their mouth slightly to simulate a discussion. This should be easy since you already made the difficult part and I'd imagine it will give a good rendring. Still not a film but can produce amazing scenes

Thread Thread
 
alvaromontoro profile image
Alvaro Montoro β€’

That's a good possibility. Maybe just animate squares at the beginning and add shapes little by little.

Collapse
 
layzee profile image
Lars Gyrup Brink Nielsen β€’

Well done! πŸ‘

Collapse
 
alvaromontoro profile image
Alvaro Montoro β€’

Thanks! 😊

Collapse
 
thepeoplesbourgeois profile image
Josh β€’

These are really impressive, but why is nobody talking about the huge bruise on Kang's forehead?

The alien Kang from "The Simpsons"

I mean it just seems painful

Collapse
 
breno profile image
Breno Farias Fonseca β€’

Well done! Just out of curiosity, on average how long to make a drawing like this?

Collapse
 
alvaromontoro profile image
Alvaro Montoro β€’

Thanks! Each cartoon took around 4-6 hours.

Collapse
 
monfernape profile image
Usman Khalil β€’

You never fail to amaze me. Loved your previous works, loved this one.

Collapse
 
alvaromontoro profile image
Alvaro Montoro β€’

Thanks! I appreciate it.

Collapse
 
aleksandrhovhannisyan profile image
Aleksandr Hovhannisyan β€’

From this one, I really like that the whole hair is a single element... with a ton of box-shadow.

That's insane! Great drawings as usual.