Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Finally, CSS based gradient text, no images

labs.dragoninteractive.com

Post reply on HN
Print view View original

11–20 of 27 posts

Re: Finally, CSS based gradient text, no images

#11

Post by Sephr »

This uses JavaScript, not CSS.

CSS on the other hand, does have a built-in way to do gradients (CSS3+):

    *-colors: #color1 #color2 #color3 #color4 ect
For example, this demo makes use of border-colors gradients and border-radius: http://code.eligrey.com/css3/border-colors/styled.html (Only shows gradient in browsers that support CSS3 like FF3 & Safari 3)

Re: Finally, CSS based gradient text, no images

#12

Post by IsaacSchlueter »

robin_reala wrote: post #5

Well, that’s horrible for accessibility. Contrary to popular opinion, assisstive technology for the visually disabled piggybacks onto existing browsers and so gains the full benefits of Javascript. If you’re going to clone your text 52 times over, then your text will be read out 52 times by the browser. Oops.

Also contrary to popular opinion, an img tag with an appropriate alt attribute is very accessible (in any browser but IE, it's even resizable.)

Re: Finally, CSS based gradient text, no images

#13

Post by ssharp »

saturdayplace wrote: post #7

Finally? Forgive me, but I can't really see the need for CSS to pull this off on its own. With gradient text you're not looking to convey information (or at least, no more than the words would convey with any other css-available text effect), you're looking for a visual effect . Something that images handle rather well.

Yes, that "finally" was very questionable.

Re: Finally, CSS based gradient text, no images

#16

Post by cvboss2 »

rythie wrote: post #8
davidbnewquist wrote: post #4

Earlier quoted context omitted.

Looks good, but I also experienced unbearable sluggishness on Linux/Firefox when scrolling. Specifically, Xorg and firefox processes use nearly all my CPU when I scroll. It's unusable in its current form (at least on this system). Hopefully you can tune your code; this is a neat effect.

Unusable for me on Linux/firefox too.

same for IE6

Re: Finally, CSS based gradient text, no images

#17

Post by Batsu »

I can appreciate the desire to have simple, CSS based solutions for somewhat common requests -- though I would not consider gradient text a common request, just work with me here -- solving the issue by coming up with some elaborate solution that is generally reserved for crazy positioning problems to work with IE5+ and modern browsers simultaneously is hardly a good approach.

That was a long sentence.

Post reply on HN