I’m displaying quotations in large bold letters - these quotations span about 3 lines. I would like to display this text with a gradient fill.
Now I’m not talking about the background of the quote area, I mean the text itself. Also, I don’t want to apply the gradient from the top of the quote area to the bottom, I want to apply the gradient to each line of text (think about a lot of common wordart styles).
Does anyone know how to do this either with CSS or JavaScript? I certainly do not want to use images because these quotes will be changing regularly. Whatever the solution is, I would like for it to work on current versions of FF, Chrome, IE, and Opera.
Thanks.
PS - I already found a CSS tutorial that has you lay a transparent png gradient over the text, but that will not work in my case because the background color behind the quotations is not the same as the light part of the gradient…
