Skip navigation
Currently Being Moderated

Roll Over Text Effect

Sep 19, 2012 5:00 PM

Tags: #text

How can i achieve a rollover text color change as seen here:  when you mouse over "portfolio""about""contact".


The page might take a little bit to load, but any help would be great.


Im assuming its some kind of rollover script.



  • Currently Being Moderated
    Sep 19, 2012 5:06 PM   in reply to Gar7

    One way would be to use the text as a mask over a gradient that you move beneath it based on ROLL_OVER and ROLL_OUT events.

    Mark as:
  • Currently Being Moderated
    Sep 19, 2012 6:45 PM   in reply to Gar7

    The gradient lies behind the text mask.  It is a gradient from the gray to the pinkish color, and I would say it is a radial gradient.  You slide the gradient across beneath the text, stopping where the pink is for the rollover and continuing off to the right so that the gray is restored for the rollout.

    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points