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

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

From: Tab Atkins Jr. <jackalmage@gmail.com>
Date: Tue, 1 Oct 2013 15:59:48 -0700
Message-ID: <CAAWBYDAqvprF5_6mooChm0KTuCSVjEZEso=4ZCoYGa-Rnwca_Q@mail.gmail.com>
To: www-style list <www-style@w3.org>
On Tue, Oct 1, 2013 at 3:55 PM, Tab Atkins Jr. <jackalmage@gmail.com> wrote:
> I recently received a request from a Blackberry implementor to look
> into specifying a "fade" value for text-overflow.  It would have the
> effect of fading overflowing content over the space of 1em, rather
> than dropping content and inserting an ellipsis.
>
> This effect is commonly used in Android apps, and currently requires
> some difficult hacking around with masking to achieve a bad simulacrum
> of the effect.
>
> I like the idea quite a bit - it's familiar to a lot of people,
> non-intrusive, and in my opinion rather attractive.
>
> Variants on this idea:
>
> 1. Make the amount of fade controllable, by providing an optional
> length along with the "fade" keyword.  This defaults to 1em.
>
> 2. Make the amount of fade somewhat dynamic, so that a line that just
> *barely* overflows won't pop in with a full-power fade.  Basically,
> make the fade size the minimum of 1em and the overflow amount.
>
> Thoughts?

Example of the effect on the web:
<http://snook.ca/archives/html_and_css/handling-overflow>.  This is in
Google Flights.

~TJ
Received on Tuesday, 1 October 2013 23:00:34 UTC

This archive was generated by hypermail 2.3.1 : Tuesday, 1 October 2013 23:00:34 UTC