[MMM-Rainbow] Animated text color transition

[Seann]

@justjim1220 Do you mean for the clock?

[ganget]

@justjim1220. Yeah it shows every color atm before the minute updates and the loop starts again.

[Seann]

@ganget Have a look at the js Here
This is how I made my clock update every minute, on the minute. Could be done better i’m sure but this works.

[justjim1220]

@seann Yes, and I really like how you coded your iClock to work that way!

[Mykle1]

@seann

I don’t know if it matters to you but your Github readme for MMM-iClock starts like this:

MMM-Showtimes - Local Cinema Showtimes for MagicMirror²

[cowboysdude]

@ganget said in [MMM-Rainbow] Animated text color transition:

I really like the idea of this module, I’m searching for the possibility to make only my clock have this effect and maybe a gradient kind of color shift. Can you help me with this idea?

Gradients can be a done something like this… of course you’ll be using different selectors but this is the idea:

  background-image: linear-gradient(to right, #E0AC00, #E0D100, #CAE000, #A5E000, #7FE000, 
  #5AE000);
     background-size: 24em 0.25em;

I used that gradient in the bars on the right hand side of the picture…from yellow to green.

[cowboysdude]

@mykle1 said in [MMM-Rainbow] Animated text color transition:

@seann

I don’t know if it matters to you but your Github readme for MMM-iClock starts like this:

MMM-Showtimes - Local Cinema Showtimes for MagicMirror²

Hahhhaha come on @Seann :)

[Seann]

@mykle1 LMFAO, as you can see I literally use the same thing as a template for my modules. Thanks for the heads up, i’ll change it now.

[blake_northrup]

Very cool mod man! Works well with all of my Hue lighting. Thanks!

[WasupDude]

yeah, that’s what I needed :)