DEV Community

Cover image for 🎹🎶 I drew a vintage keyboard using only HTML & CSS
Sarah
Sarah

Posted on

🎹🎶 I drew a vintage keyboard using only HTML & CSS

I've been making drawings like this on a semi-regular basis, it's incredibly fun and relaxing. When I came across an image of this old Casio keyboard, I just knew I had to draw it as well.

You can check out all my drawings on CodePen or GitHub.

Top comments (25)

Collapse
 
mikepijn profile image
Michael Pijnenburg

I was just reading dev.to/parkersoftware/is-programmi...

This solves the question

Collapse
 
carlosrayon profile image
Carlos Rayón Álvarez

Whooouuuu!!!! 👏👏👏👏👏👍👍👍

Collapse
 
skribascode profile image
Jeremy

Very good job !

Collapse
 
fossheim profile image
Sarah

Thank you!

Collapse
 
saswatamcode profile image
Saswata Mukherjee

This looks so cool!

Collapse
 
fossheim profile image
Sarah

Thanks!

Collapse
 
mvoloskov profile image
Miloslav 🏳️‍🌈 🦋 Voloskov

That shadows are flawless.

Collapse
 
owarup profile image
owarup

It's so amazing.
I'll try to replicate it to practice.

Collapse
 
fossheim profile image
Sarah

Thanks! Would love to see your result when you're finished ✨

Collapse
 
andrewharpin profile image
Andrew Harpin

I had one as a kid

Collapse
 
mightytechno profile image
Mighty

You have a great skill. Cool one.

Collapse
 
fossheim profile image
Sarah

Thanks!

Collapse
 
titonobre profile image
Tito

Excelent work!
I had a Casio PT-20 some 30 year ago.

Is your work protected by some type of license? I would like to try to make it interactive and play some sounds.

Collapse
 
georgedoescode profile image
George Francis

Ah sooo good!

Collapse
 
fossheim profile image
Sarah

Thank you!