Mozilla Demo Studio

  • Submit a Demo

CSS3 Piano

Functional piano made with CSS3

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

  • 84 views
  • 0 comments

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

No comments yet.

Register or log in to add your own.

Get the Source Code

Download the Source 4420.06 KB · ZIP File

This demo is released under the GPL license.

More by lord.xeon