Jump to content
iwato

Page Gradient Text

Recommended Posts

BACKGROUND:  I like gradients because they are both colorfully attractive and easy on the eyes.  They are also suggestive of binary thought and all that lies between the two polar extremes of 1 and 0.  For these reasons I often employ gradients as the background colors of my <div> elements.  Background gradients suffer from an important weakness, however:  monochromic text is easy to read at one end of the gradient, but difficult to read at the other.

QUESTION:  Does anyone know of a way to cause text to change color as it is displayed across the width and height of the element that contains it?

Roddy 

Share this post


Link to post
Share on other sites

CSS can't put gradients on text. Perhaps you can make your gradients more subtle so that the text isn't hard to read on it.

  • Like 1

Share this post


Link to post
Share on other sites

Ingolme:  If I were to make my gradients more subtle, I would lose the underlying -- subconscious, if you will -- binary effect.

dsonesuk:  This is an idea that I have yet to try.  It does seem reasonable though.

Since I submitted this ticket, I have found code on the net that provides the effect for which I am looking.  Unfortunately, it places a <span> element around each in every word.  Surely, this very costly in download and display time.  Maybe, if i could achieve a similar effect, but at much lower cost by styling individual <p>, rather than word elements.

Roddy

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×