DEV Community

Cover image for CSS Pirate Cartoon

CSS Pirate Cartoon

Alvaro Montoro on April 30, 2021

Today I drew a cartoon of a pirate with HTML and CSS: It may look a bit funky on some browsers because: It uses drop-shadow filter (in the h...
Collapse
 
afif profile image
Temani Afif

let's animate this a little : codepen.io/t_afif/pen/dyNBzWK 😛

Collapse
 
alvaromontoro profile image
Alvaro Montoro

Let's add some blinking: codepen.io/alvaromontoro/pen/WNRqEXv 😐😑😐
😋

Collapse
 
afif profile image
Temani Afif

blinking without speaking? no! codepen.io/t_afif/pen/ZELdJxe 😛

Thread Thread
 
alvaromontoro profile image
Alvaro Montoro

it has two arms too! codepen.io/alvaromontoro/pen/gOgNxeJ 😬

Thread Thread
 
afif profile image
Temani Afif

haha! we have to stop this or he will leave the screen and slay everyone 😂

Thread Thread
 
alvaromontoro profile image
Alvaro Montoro

I was running out of ideas of things to animate... At this point I was thinking about animating the toes maybe? 😳

Collapse
 
alvaromontoro profile image
Alvaro Montoro

The blinking doesn't look that great :S

Collapse
 
alvaromontoro profile image
Alvaro Montoro

That is really cool

Collapse
 
natalia_asteria profile image
Natalia Asteria • Edited

"How many CSS drawings you want to make?"
Alvaro Montoro:
**Yes**

Collapse
 
ziizium profile image
Habdul Hazeez

This is amazing.

Collapse
 
alvaromontoro profile image
Alvaro Montoro

Thank you

Collapse
 
lizlaffitte profile image
Liz Laffitte

Incredible!

Collapse
 
alvaromontoro profile image
Alvaro Montoro

Thanks! 🙂

Collapse
 
cmuralisree profile image
Chittoji Murali Sree Krishna

Why shinchan became a pirate 🤔

Collapse
 
rajeshroyal profile image
Rajesh Royal

Sir you got amazing skills in CSS. 🙏🙏