🎹🎶 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.

Comments

[Michael Pijnenburg]

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

This solves the question

[Carlos Rayón Álvarez]

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

[Jeremy]

Very good job !

[Sarah]

Thank you!

[George Francis]

Ah sooo good!

[Sarah]

Thank you!

[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.

[Lakshmeesha]

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

[Juan Guzman]

Wow

[Ankit Yadav]

This looks as realistic as a photograph. Great Job.

[Sarah]

Thank you ✨

[Saswata Mukherjee]

This looks so cool!

[Sarah]

Thanks!

[owarup]

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

[Sarah]

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