DEV Community

Rate my first CSS drawing

Temani Afif on September 23, 2021

I have been hacking with CSS for a long period but I never made any CSS drawing or CSS art. I think it's time for another CSS hacker to join the cl...
Collapse
 
grahamthedev profile image
GrahamTheDev • • Edited

Can’t wait to see it on PC as a screenshot never does it justice. Looks awesome though! πŸ”₯ (In all fairness the Safari version of your art is still better than I can do even with the issues you mentioned 🀣)

As for voting, I vote more of your other stuff, purely because I love picking up useful skills and tricks from you, CSS art isn’t useful (as SVG is far quicker and more useful - controversial or what!) CSS art is just fun (and impressive!)

Collapse
 
grahamthedev profile image
GrahamTheDev • • Edited

I just had to respond and recreate the same image but as SVG!

A new war perhaps? πŸ˜‰πŸ˜‹

Collapse
 
posandu profile image
Posandu •

One liner --- codepen.io/Tronic247/pen/RwgYRGg :O :O

Thread Thread
 
auroratide profile image
Timothy Foster •

Ha, nice! If I wasn't busy with something, I was considering a pixelart box-shadow solution, but you beat me to the punch anyway ^^'

Collapse
 
posandu profile image
Posandu • • Edited

βœ”οΈ This is amazing, we want more like this!

Sorry @inhuofficial
TkhCNVZUYzNhVkJKUmxKdllWaE5aMkZZVFdkWlZ6Rm9aVzFzZFZwNWQyZGtNbFZuWkRKR2RXUkRRblJpTTBwc1NVZDRjR0V5Vldka1IyaHdZM2xGUFNBPT0g

Collapse
 
afif profile image
Temani Afif •

I hope it's not a "hash" method because it's a one-way function πŸ˜‰

Collapse
 
siddharthshyniben profile image
Siddharth • • Edited

βœ”οΈ This is amazing, we want more like this!

PS: If you will choose the ❌, I will haunt your dreams for the rest of your life πŸ‘Ή

🀣LOLYou here?You can't read this...🀣LOLYou here?You can't read this...

Collapse
 
alvaromontoro profile image
Alvaro Montoro •

Really impressive. Well done!

Collapse
 
auroratide profile image
Timothy Foster •

It's super cool you can do this with CSS! Love the details like the slight skew on the irises to give them some feeling of depth.

As an aspiring artist, I like seeing stuff like this, personally.

Collapse
 
mrakcw profile image
MrakCw Dev •

βœ…πŸ‘Œ

Collapse
 
fydsa profile image
Saba Alikhani •

Fantastic =D

βœ”οΈ This is amazing, we want more like this!

Collapse
 
link2twenty profile image
Andrew Bone •

Honestly I was expecting it to be single div but still amazing πŸ˜…

Collapse
 
afif profile image
Temani Afif •

I took a complex illustration for one DIV πŸ˜₯ but once I get used to CSS drawing it will be 0-div πŸ˜‰ (only background on the html element)

Collapse
 
insidiousthedev profile image
Insidious •

Looks awesome!
Keep up the great work!

Collapse
 
dailydevtips1 profile image
Chris Bongers • • Edited

Wow amazing! Well done

Collapse
 
__manucodes profile image
manu • • Edited

wow this is sooo cool!
you are so much better than me at css.
🀩

Collapse
 
marlow_7 profile image
Maarlow 😈 •

Good job !! :D

Collapse
 
madza profile image
Madza •

Awesome stuff as always πŸ”₯πŸ”₯πŸ’―

Collapse
 
amansinghbhogal profile image
Aman Singh Bhogal •

This is awesome ✌πŸ”₯

Collapse
 
kirzin profile image
0xKirz •

Dude this is great ! those numbers scared mee.

Collapse
 
syntaxhacker profile image
syntaxhacker •

shinzou wo sasageyo!

Collapse
 
hrishikeshps profile image
Hrishikesh Sharma •

Super!!

Collapse
 
ipapoutsidis profile image
Ilias Papoutsidis • • Edited

My friend first of all I am fun of anime.
Second you did a amazing job.
Keep up with amazing us πŸ‘ŒπŸ˜‰

Collapse
 
sayan3990 profile image
Sayan Bhattacharyya | Backend •

Interesting, I didn't think to draw something like so using only css. Thank you for sharing it.

Collapse
 
souarikarim profile image
SouariKarim •

That's genius ! Keep shining :)

Collapse
 
yusufgitcollab profile image
Harsh Singh •

oh my god. I am amazed