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 👇
![]()
CSS Challenges@challengescss
🎨 CSS Art!
Let's celebrate the episode N°1000 of #ONEPIECE
A CSS-only Monkey D. Luffy !
Demo: codepen.io/t_afif/full/bG… via @CodePen
#CSS #CSSart #ONEPIECE1000LOGS #OnePiece100011:37 AM - 18 Nov 2021
See you the next CSS Art.
Top comments (17)
This does look better as the curves on the hair are much more clean now!
Looks great! 😍
Love this
Nice! And looking forward to the next one :)
This is awesome!
Next up: make it animated with just CSS :)
I will make even better ;)
Awesome!
Holy heck, that's great! The things people like you can create with CSS always amazes me. Looking forward to the "something crazy" then!
awesome :)
Nice work!
This looks great
nice ! at the first moment i didn't believe that you make that picture with css until i saw the code. i like that
Awesome
Amazed to see that we can do such things from CSS itself
Now all we need is a CSS to SVG conversion tool...
This looks awesome 😍
Where can I learn to make such art using CSS?
wow damn
✍️(◔◡◔)👈(゚ヮ゚👈)