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 17.7k 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.
    • cowboysdudeC Offline
      cowboysdude Module Developer @ganget
      last edited by 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.

      0_1548560781857_glock.png

      1 Reply Last reply Reply Quote 0
      • cowboysdudeC Offline
        cowboysdude Module Developer @Mykle1
        last edited by

        @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

          @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
          • blake_northrupB Offline
            blake_northrup
            last edited by

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

            1 Reply Last reply Reply Quote 1
            • WasupDudeW Offline
              WasupDude Banned
              last edited by

              yeah, that’s what I needed :)

              1 Reply Last reply Reply Quote 0
              • 1
              • 2
              • 3
              • 4
              • 2 / 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