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 18.0k 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.
    • justjim1220J Offline
      justjim1220 Module Developer @Seann
      last edited by

      @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
      • Mykle1M Offline
        Mykle1 Project Sponsor Module Developer @Seann
        last edited by

        @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

        cowboysdudeC S 2 Replies Last reply Reply Quote 0
        • 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