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

Discussion (17)

Collapse
inhuofficial profile image
InHuOfficial • Edited on

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

Looks great! 😍

Collapse
sonangrai profile image
Sonahang Rai

Love this

Collapse
alvaromontoro profile image
Alvaro Montoro

Nice! And looking forward to the next one :)

Collapse
siddharthshyniben profile image
Siddharth

This is awesome!

Next up: make it animated with just CSS :)

Collapse
afif profile image
Temani Afif Author

I will make even better ;)

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

Awesome!

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
dailydevtips1 profile image
Chris Bongers

Nice work!

This looks great

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
spandyboss profile image
SpandyBoss

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

Collapse
dannyengelman profile image
Danny Engelman • Edited on

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

Collapse
rahulchaudhary2244 profile image
Rahul Chaudhary

This looks awesome 😍

Collapse
leodarpan profile image
DARPAN ANEJA

Where can I learn to make such art using CSS?

Collapse
amirqolifam profile image
Amir

wow damn

Collapse
danielniemann profile image
CalmScript

✍️(◔◡◔)👈(゚ヮ゚👈)