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

Re: [css-ui] text-overflow: fade ?

From: Rik Cabanier <cabanier@gmail.com>
Date: Thu, 3 Oct 2013 16:15:33 -0700
Message-ID: <CAGN7qDA-mNcKfoOjQrN0LjqGS-CCLCis-Th3UgM=c=4fdez7Hg@mail.gmail.com>
To: "Tab Atkins Jr." <jackalmage@gmail.com>
Cc: www-style list <www-style@w3.org>
On Thu, Oct 3, 2013 at 1:33 PM, Tab Atkins Jr. <jackalmage@gmail.com> wrote:

> On Thu, Oct 3, 2013 at 12:46 PM, Rik Cabanier <cabanier@gmail.com> wrote:
> > Wouldn't this be trivial to implement with masking and a linear gradient.
> > ie:
> > p {
> >   mask-image: linear-gradient(to right, rgba(0,0,0,1) 0%,rgba(0,0,0,1)
> > 80%,rgba(0,0,0,0) 100%);
> > }
>
> Now that we have CSS masking, the functionality itself isn't that hard
> to implement, yes.  But you can't tie it to text-overflow, which is
> the intended behavior.  If the text fits, you don't want it to start
> fading.
>

ah. Yes, that makes sense.

This sounds like a new pseudo-class ':overflow' :-)


>
> Note as well that any explicit masking like this won't be bidi-aware,
> and so will be on the wrong side in rtl text.
>
Received on Thursday, 3 October 2013 23:16:00 UTC

This archive was generated by hypermail 2.4.0 : Friday, 17 January 2020 22:51:02 UTC