Performs a visual animation effect that follows specific parts of the music being played in a page.

Built using JavaScript, HTML5, CSS3, Audio,


More About This Demo From The Author

This demonstration uses CSS animation effects, specifically transformations, to produce an animated guide experience for a web page, in this case, a web page that has a music resource. The general idea is an experience can be enabled over web pages to toggle pages from its normal visualization state, to an animated view that shows page content in different ways. This demonstration use case features Prelude in C, from J.S. Bach. However, the animated page guide experience can also be used for other pages.

About this Demo

Download the Source 342.05 KB · ZIP File

Browse the Source

This demo is released under the MPL/GPL/LGPL license.

More by Marcio Galli