DEV Community

Cover image for How to draw a banana with CSS

How to draw a banana with CSS

Marian on October 22, 2020

Hi. My name is Marian and this is my first post on dev.to! I wanted to start with something light, so here is a floating banana made only with Html...
Collapse
 
andrewgilliland profile image
Andrew Gilliland

I love bananas! Thank you for making this delightful css creation.

Collapse
 
jana profile image
Jana

I just started to learn css and I would NEVER imagine that you could use it to draw. It is just amazing

Collapse
 
isarisariver profile image
Marian

Yes, it's amazing. I thought exactly the same when I saw something like this for the first time! It helped me so much to get used to CSS and all the different properties. Search for "pure css" on Codepen for much, much better examples of what can be done with CSS. I love this one codepen.io/miocene/pen/mjLPVp

Collapse
 
jana profile image
Jana

Thank you for your dancing banana

Collapse
 
aftabksyed profile image
Aftab Syed

Love the CSS banana 🍌 Specially the eye animations 👀

Collapse
 
andrewchmr profile image
Andriy Chemerynskiy

But can you do it in a single div? ( ͡° ͜ʖ ͡°)

Collapse
 
isarisariver profile image
Marian

I'll have to google it ( ͡~ ͜ʖ ͡°)

Collapse
 
sirjson profile image
Raffael Zica

Since we have the technology for a banana, when will we finally be able to do this in CSS? media.giphy.com/media/qr093KEQQE5T...

Collapse
 
isarisariver profile image
Marian

I'd love to see that. Shouldn't be too hard :)