Tired of your old boring web page? Why not add some music with styling!
Music With STYLE excecutes CSS styling properties on targetted elements and they will respond to the audio frequencies of a song.
Simply place the provided special class names to targetted elements and watch them have a party.
party-time-{property}
The following will apply a text glow and will change the glow color when the audio frequency changes.
<p class="party-time-textShadow">Visual Text</p>
Don't want to add classes? No worries! Enable Auto Party, and automatically your web page will come to life!
Class Name | VFX |
---|---|
party-time-color |
Change the text color from frequency changes. |
party-time-textShadow |
Change the text glow from frequency changes. |
party-time-boxShadow |
Change the container glow from frequency changes. |
party-time-bkgColor |
Change the background color from frequency changes. |
party-time-colorVolume |
Change the text color from frequency changes with volume color metrics. |
party-time-fontSize |
Change the text size from frequency changes. |
party-time-width |
Change the width of an element from frequency changes. |
party-time-height |
Change the height of an element from frequency changes. |
party-time-posTop |
Change the top position of an element from frequency changes. |
party-time-posRight |
Change the right position of an element from frequency changes. |
party-time-posBottom |
Change the bottom position of an element from frequency changes. |
party-time-posLeft |
Change the left position of an element from frequency changes. |
party-time-freq-low |
Scale at low level frequencies. |
party-time-freq-mid |
Scale at mid level frequencies. |
party-time-freq-high |
Scale at high level frequencies. |
party-time-baby |
Apply this class on a container and all children elements will randomly have the prior classes appended to them. |