W3C home > Mailing lists > Public > www-style@w3.org > April 2013

Re: Applying gradients to text

From: irfan mir <theirf@gmail.com>
Date: Sun, 14 Apr 2013 01:36:47 -0400
Message-ID: <CAMPj_RpxieWQ5FStoV5WoOciNTgo1M4K9Qoux+__uMQ-Yfs+wQ@mail.gmail.com>
To: "Tab Atkins Jr." <jackalmage@gmail.com>, "www-style@w3.org" <www-style@w3.org>
Ah, then I'm probably not going to go ahead and use it.

True, clipping the background so it fits in the text does sound like a
terrible idea. I just wanted to see if it was possible.

The text in this case was quite large as it was the main headline, but yes,
I hadn't considered the background-size issue before.

Thank you for the help!

On 13 April 2013 15:08, Tab Atkins Jr. <jackalmage@gmail.com> wrote:

> On Sat, Apr 13, 2013 at 11:05 AM, irfan mir <theirf@gmail.com> wrote:
> > Hello,
> > I am trying to apply a gradient to text using CSS3 Gradients and
> > background-clip:text;, but it doesn't seem to be working.
> background-clip:text is a non-standard WebKit feature that will never
> be part of the real standard, because it's a terrible way to handle
> the idea of "fill text with an image".
> However, if you're applying this to individual spans, rather than to a
> block element containing text, that's probably your issue - a lot of
> the spans will probably be small enough that only a fraction of your
> 100x100 background-size will cover them.
> ~TJ

              Irfan Mir.
Received on Sunday, 14 April 2013 05:37:14 UTC

This archive was generated by hypermail 2.4.0 : Friday, 25 March 2022 10:08:28 UTC