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.

Latest comments (25)

Collapse
 
georgedoescode profile image
George Francis

Ah sooo good!

Collapse
 
fossheim profile image
Sarah

Thank you!

Collapse
 
mvoloskov profile image
Miloslav ๐Ÿณ๏ธโ€๐ŸŒˆ ๐Ÿฆ‹ Voloskov

That shadows are flawless.

Collapse
 
mightytechno profile image
Mighty

You have a great skill. Cool one.

Collapse
 
fossheim profile image
Sarah

Thanks!

Collapse
 
skribascode profile image
Jeremy

Very good job !

Collapse
 
fossheim profile image
Sarah

Thank you!

Collapse
 
carlosrayon profile image
Carlos Rayรณn รlvarez

Whooouuuu!!!! ๐Ÿ‘๐Ÿ‘๐Ÿ‘๐Ÿ‘๐Ÿ‘๐Ÿ‘๐Ÿ‘๐Ÿ‘

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
 
andrewharpin profile image
Andrew Harpin

I had one as a kid

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
 
saswatamcode profile image
Saswata Mukherjee

This looks so cool!

Collapse
 
fossheim profile image
Sarah

Thanks!

Collapse
 
oanaom profile image
Oana Munteanu

This looks so real! ๐Ÿ˜ฎ๐Ÿ‘

Collapse
 
fossheim profile image
Sarah

Thank you ๐Ÿ™Œ