• Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
MagicMirror Forum
  • Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
A New Chapter for MagicMirror: The Community Takes the Lead
Read the statement by Michael Teeuw here.

[MMM-Rainbow] Animated text color transition

Scheduled Pinned Locked Moved Entertainment
34 Posts 8 Posters 14.6k Views 8 Watching
Loading More Posts
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • J Offline
    justjim1220 Module Developer @Seann
    last edited by Jan 27, 2019, 1:41 AM

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

    "Life's Too Short To Dance With Ugly People"
    Jim Hallock - 1995

    1 Reply Last reply Reply Quote 0
    • M Offline
      Mykle1 Project Sponsor Module Developer @Seann
      last edited by Jan 27, 2019, 1:46 AM

      @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²

      Create a working config
      How to add modules

      C S 2 Replies Last reply Jan 27, 2019, 3:47 AM Reply Quote 0
      • C Offline
        cowboysdude Module Developer @ganget
        last edited by cowboysdude Jan 27, 2019, 3:47 AM Jan 27, 2019, 3:46 AM

        @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.

        0_1548560781857_glock.png

        1 Reply Last reply Reply Quote 0
        • C Offline
          cowboysdude Module Developer @Mykle1
          last edited by Jan 27, 2019, 3:47 AM

          @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 :)

          1 Reply Last reply Reply Quote 0
          • S Offline
            Seann Module Developer @Mykle1
            last edited by Jan 27, 2019, 1:41 PM

            @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.

            1 Reply Last reply Reply Quote 1
            • B Offline
              blake_northrup
              last edited by Feb 13, 2019, 11:04 PM

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

              1 Reply Last reply Reply Quote 1
              • W Offline
                WasupDude Banned
                last edited by Jul 12, 2019, 9:23 AM

                yeah, that’s what I needed :)

                1 Reply Last reply Reply Quote 0
                • 1
                • 2
                • 3
                • 4
                • 4 / 4
                • First post
                  Last post
                Enjoying MagicMirror? Please consider a donation!
                MagicMirror created by Michael Teeuw.
                Forum managed by Sam, technical setup by Karsten.
                This forum is using NodeBB as its core | Contributors
                Contact | Privacy Policy