Skip to content

DEV Community

Sarah

Posted on Jun 12, 2020

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

#codepen #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.

Oldest comments (25)

Subscribe

Syed Injamul • Jun 12 '20

awsome

Sarah • Jun 12 '20

Thanks 😊

Dana Ottaviani • Jun 12 '20

This looks really cool!

Michael Pijnenburg • Jun 13 '20

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

This solves the question

Devin Ford • Jun 13 '20

This came out amazing!

Lakshmeesha • Jun 13 '20

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

Juan Guzman • Jun 13 '20

Wow

Ankit Yadav • Jun 13 '20

This looks as realistic as a photograph. Great Job.

Sarah • Jun 15 '20

Thank you ✨

Oana Munteanu • Jun 13 '20

This looks so real! 😮👏

Sarah • Jun 15 '20

Thank you 🙌

Saswata Mukherjee • Jun 13 '20

This looks so cool!

Sarah • Jun 15 '20

Thanks!

owarup • Jun 13 '20

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

Sarah • Jun 15 '20

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

View full discussion (25 comments)