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
 
cmuralisree profile image
Chittoji Murali Sree Krishna

Why shinchan became a pirate 🤔

Collapse
 
lizlaffitte profile image
Liz Laffitte

Incredible!

Collapse
 
alvaromontoro profile image
Alvaro Montoro

Thanks! 🙂

Collapse
 
rajeshroyal profile image
Rajesh Royal

Sir you got amazing skills in CSS. 🙏🙏