CSS3 Piano

Functional piano made with CSS3

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

  • 109 views

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.

References:
jQuery
Modernizr
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