DEV Community

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

Posted on • Updated 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.


You want to support me?

buy me a coffee

**OR**

Become a patron

Oldest 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
 
negue profile image
negue

awesome :)

Collapse
 
alvaromontoro profile image
Alvaro Montoro

Nice! And looking forward to the next one :)

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
 
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
 
dongphuchaitrieu profile image
Đồng Phục Hải Triều

Awesome!

Collapse
 
leodarpan profile image
DARPAN ANEJA

Where can I learn to make such art using CSS?

Collapse
 
sehgalspandan profile image
Spandan Sehgal

Awesome
Amazed to see that we can do such things from CSS itself

Collapse
 
dailydevtips1 profile image
Chris Bongers

Nice work!

This looks great

Collapse
 
dannyengelman profile image
Danny Engelman • Edited

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

Collapse
 
rahulchaudhary2244 profile image
Rahul Chaudhary

This looks awesome 😍

Collapse
 
amirqolifam profile image
Amir

wow damn

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
 
sonangrai profile image
Sonahang Rai

Love this