DEV Community

loading...

I created the Android logo using CSS and only 1 DIV. What do you think?

pandaquests profile image pandaquests ・1 min read

The following image was drawn in CSS using only 1 DIV:
Alt Text

I created the logo when I was bored and wanted to challenge myself drawing something with CSS but using only 1 DIV - the minimal amount of HTML element. The source code can be inspected here:

https://codepen.io/thadeuszlay/pen/ByRRZK

The result of it inspired me to do more of those projects - drawing something in CSS and using only 1 div.

Do you have any questions? Let me know

Discussion (15)

Collapse
eddiestech profile image
EddiesTech • Edited

Awesome! Would love to see any over drawings you can do with just CSS! Maybe different tech-related logos?

Collapse
pandaquests profile image
pandaquests Author

What do you think? I crated an iPhone using pure CSS and 1 DIV only:

dev.to/pandaquests/i-created-an-ip...

Collapse
pandaquests profile image
pandaquests Author

Thanks. I'll post others later on. Stay tuned.

Collapse
andrewbaisden profile image
Andrew Baisden

Pretty cool I have noticed that there is a new trend with everyone trying to create CSS art with only 1 div. I should give it a try.

Collapse
pandaquests profile image
pandaquests Author

Really? Where else have you seen it?

Collapse
andrewbaisden profile image
Andrew Baisden

The #100DaysOfCode challenge on Twitter.

Thread Thread
pandaquests profile image
pandaquests Author

What's that and how is that related to my post?

Thread Thread
andrewbaisden profile image
Andrew Baisden

The 100daysofcode.com/ is where developers commit to coding for at least 1 hour a day. It is a brilliant way to force yourself to learn and fast. There is even a Visual studio Code extension 100-days-of-code and a hashtag on dev.to for it.

And it relates to your article because I have seen many developers tweet about using only 1 div to create CSS artwork and they show their codepens.

Thread Thread
pandaquests profile image
pandaquests Author

Awesome. Will try

Collapse
luxhy profile image
Collapse
pandaquests profile image
pandaquests Author

Thanks, man. Check my articles out, if you're interested:
“Secrets of drawing with CSS and a single DIV” by pandaquests link.medium.com/HGHHuKPhtbb

Collapse
luxhy profile image
luxhy

Pretty cool actually

Thread Thread
pandaquests profile image
pandaquests Author

Thanks. :D hope my little article will inspire others to also start drawing with css and a single div. It's super fun

Collapse
sebbdk profile image
Sebastian Vargr

I did not know you could box-shadow like this.
This is awesome. :)

Collapse
pandaquests profile image
pandaquests Author • Edited

Oh, you didn't know that? There is an ocean of techniques that most people don't know of. If you're interested:
“Secrets of drawing with CSS and a single DIV” by pandaquests link.medium.com/HGHHuKPhtbb

Forem Open with the Forem app