wavemo

WaveMo is an Audio-Responsive tool that helps you animate your reactive webpage styles according to audio frequency.

Warning

This tool only works with ES6 Module.

Note

Installation guide here.

DEFAULT STYLES

• m margin (also combinable with left right top bottom x or y) example usage: ml mr my
• p padding (also combinable with left right top bottom x or y) example usage: pb pt mx
• b-size changes background size.
• t-size changes font size, only allowed for text type tags.
• size changes the size of any object by width and height.
• w changes the width of any object.
• h changes the height of any object.
• b-shadow changes the shadow dispersion on elements (box types).
• t-shadow changes the shadow dispersion on text elements only.
• t-gradient <RGB> <RGB> (for accent color) 3 digit numbers (0-9) to mark RGB values, color slides from first RGB to second RGB, depending on intensity.
• b-gradient <RGB> <RGB> (for background) same as above but background.
• custom add your custom CSS style. (more info here)