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
 
ltsharma profile image
Lakshmeesha •

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

Collapse
 
guzcode profile image
Juan Guzman •

Wow

Collapse
 
ankityadav33 profile image
Ankit Yadav •

This looks as realistic as a photograph. Great 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
 
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
 
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.