The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "SVG" Oct 14 - 6:30 PM Eastern
Get a free trial // Grow your CSS skills // Land your dream job

Changing Text Colour.

  • # November 11, 2012 at 6:07 pm

    What method can be used to change the color of text in a paragraph continuously and transition it gracefully?

    # November 11, 2012 at 6:39 pm

    CSS Animations, I think? Or you could use jQuery.

    # November 11, 2012 at 6:52 pm

    As Chris said, CSS transitions will work (in modern browsers). But I have to ask why?! I can’t think of a good reason to do this.

    # November 11, 2012 at 7:00 pm

    Thanks guys! Its for a holding page someone has requested.

    # November 11, 2012 at 8:44 pm

    Are you looking to change the color of all the text as a hole or each letter constantly changing?

    If its the last one, let me know, for some reason when i was bored one day i wrote some code to do just that lol… Dont ask, i was bored!

    # November 12, 2012 at 12:03 am

    jQuery will help you get to it easily. Run your text through a loop & for every ‘n’ character, you can change color of text.

    You’ll need to assign an initial value to a variable & convert to Hex by using var_name.toString(16); (Converting to Base 16). Incremental or Decremented values through loop will give you that effect.

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed