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!

Collapse
 
injamul profile image
Syed Injamul

awsome

Collapse
 
fossheim profile image
Sarah

Thanks 😊

Collapse
 
dana94 profile image
Dana Ottaviani

This looks really cool!

Collapse
 
ltsharma profile image
Lakshmeesha

Wow!, thats amazing... So HTML & CSS is the future if graphic designing too....

Collapse
 
devindford profile image
Devin Ford

This came out amazing!

Collapse
 
guzcode profile image
Juan Guzman

Wow