loading...
Cover image for ๐ŸŽน๐ŸŽถ I drew a vintage keyboard using only HTML & CSS

๐ŸŽน๐ŸŽถ I drew a vintage keyboard using only HTML & CSS

fossheim profile image Sarah ใƒป1 min read

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.

Discussion

markdown guide
 
 

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

 
 
 
 
 

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

 
 

This looks as realistic as a photograph. Great Job.

 
 
 

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

 

Thanks! Would love to see your result when you're finished โœจ

 
 
 
 

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.

 
 

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

 

Thank you ๐Ÿ™Œ