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

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...

×
×
  • Create New...