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

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

Animate Color of Each Letter Independently

  • # May 17, 2013 at 2:13 am

    Hi everyone,

    I just wanted to show you guys this self-project I finished a few weeks ago.

    The plan was to be able to have text of any length show different color animation transitions and color order, each independent for each letter. Out of six possible colors, each letter takes a different random combination of those colors, and then gives it an animation transition in the order that it grabs them. I also wanted to have the text change as the browser refreshed, so it needed to be pretty flexible to it can adjust properly.

    Check it out here:

    Let me know what you think about it! :D


    – Chule

    # May 17, 2013 at 2:31 am

    This reply has been reported for inappropriate content.

    Pretty slick man.

Viewing 2 posts - 1 through 2 (of 2 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