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
 
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
 
syntaxhacker profile image
syntaxhacker

shinzou wo sasageyo!

Collapse
 
kirzin profile image
0xKirz

Dude this is great ! those numbers scared mee.

Collapse
 
amansinghbhogal profile image
Aman Singh Bhogal

This is awesome ✌πŸ”₯

Collapse
 
__manucodes profile image
manu • Edited

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

Collapse
 
dailydevtips1 profile image
Chris Bongers • Edited

Wow amazing! Well done

Collapse
 
insidiousthedev profile image
Insidious

Looks awesome!
Keep up the great work!

Collapse
 
madza profile image
Madza

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

Collapse
 
mrakcw profile image
MrakCw Dev

βœ…πŸ‘Œ

Collapse
 
sayan3990 profile image
Sayan Bhattacharyya

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

Collapse
 
marlow_7 profile image
Maarlow 😈

Good job !! :D

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
 
hrishikeshps profile image
Hrishikesh Sharma

Super!!

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
 
fydsa profile image
Saba Alikhani

Fantastic =D

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

Collapse
 
alvaromontoro profile image
Alvaro Montoro

Really impressive. Well done!

Collapse
 
souarikarim profile image
SouariKarim

That's genius ! Keep shining :)

Collapse
 
yusufgitcollab profile image
Harsh Singh

oh my god. I am amazed

Collapse
 
tr11 profile image
Tiago Rangel • Edited

❌

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

Sorry