Skip to content

shuavaz89/music-with-style

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

34 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Music With STYLE! V1.0.0 (Experimental)

Tired of your old boring web page? Why not add some music with styling!

DEMO

Watch the Video

How it works

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}

Example

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>

Auto Party

Don't want to add classes? No worries! Enable Auto Party, and automatically your web page will come to life!

Class Options

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.

About

Make your web page come to life with music!

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published