DEV Community

Cover image for A One Piece of CSS Art!
Temani Afif
Temani Afif

Posted on Edited on

A One Piece of CSS Art!

After my first "draft" of Livaï Ackerman, I am back with another CSS art and this time I am exploring the One Piece universe.

A CSS-only Monkey D. Luffy

This time, the result was quite good compared to the last one. I dropped the use of clip-path and focused on gradients.

I used only 11 Divs (I can do better but I got lazy ...) and spent around 10h.

It's responsive and the browser support is good

It's on twitter if you want to give some likes or share it 👇

See you the next CSS Art.


buy me a coffee

OR

Become a patron

Top comments (15)

Collapse
 
grahamthedev profile image
GrahamTheDev • • Edited

This does look better as the curves on the hair are much more clean now!

Looks great! 😍

Collapse
 
alvaromontoro profile image
Alvaro Montoro •

Nice! And looking forward to the next one :)

Collapse
 
sonangrai profile image
Sonahang Rai •

Love this

Collapse
 
thormeier profile image
Pascal Thormeier •

Holy heck, that's great! The things people like you can create with CSS always amazes me. Looking forward to the "something crazy" then!

Collapse
 
negue profile image
negue •

awesome :)

Collapse
 
dongphuchaitrieu profile image
Đồng Phục Hải Triều •

Awesome!

Collapse
 
dailydevtips1 profile image
Chris Bongers •

Nice work!

This looks great

Collapse
 
siddharthshyniben profile image
Siddharth •

This is awesome!

Next up: make it animated with just CSS :)

Collapse
 
afif profile image
Temani Afif •

I will make even better ;)

Collapse
 
metaamiri profile image
metaamiri •

nice ! at the first moment i didn't believe that you make that picture with css until i saw the code. i like that

Collapse
 
dannyengelman profile image
Danny Engelman • • Edited

Now all we need is a CSS to SVG conversion tool...