CSS3 Piano

Functional piano made with CSS3

Built using JavaScript, HTML5, CSS3, Audio, Offline Support


More About This Demo From The Author

Fully functional piano made using CSS3 3-D transforms, generated content, and CSS3 gradients. HTML5 Audio and localStorage to save the songs you write.

Use the controls to open the top, scale it, & rotate it. Open & scale uses pure CSS to control the Piano.

You can name and save your song to localStorage, and then play it again.

Google WebFonts

About this Demo

Download the Source 4420.06 KB · ZIP File

This demo is released under the GPL license.

More by lord.xeon