Simple script that allows you to turn text or background elements into rainbow garbage.
You can change the speed and direction of the effect by settings the individual speed variables to be a different number. Negative numbers invert the direction.
Class | Effect |
---|---|
foxrainbow | Rainbow effect on anything with css color support. |
foxrainbowbg | Rainbow effect on anything with css background-color support. |
foxrainbowhover | Rainbow effect on anything with css color support. Turns on by moving the mouse on top. You can select a different target by passing along their id using data-foxrainbowhover="#id" |
foxrainbowhoverinv | Rainbow effect on anything with css color support. Turns off by moving the mouse on top. You can select a different target by passing along their id using data-foxrainbowhover="#id" |
foxrainbowhoverbg | Rainbow effect on anything with css background-color support. Turns on/off by moving the mouse on top / away. |
You can also find a working jsfiddle here: https://jsfiddle.net/FeedbackFox/68ekobav/8/