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

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

From: François REMY <francois.remy.dev@outlook.com>
Date: Thu, 3 Oct 2013 13:24:28 +0200
Message-ID: <DUB120-DS1529D487F9A0484D4613BDA5170@phx.gbl>
To: "Tab Atkins Jr." <jackalmage@gmail.com>, "www-style list" <www-style@w3.org>
That looks interesting but that would require drawing chars with varying 
transparency level (ie with a texture), right?
Isn't that costly?

Also, text-overflow sadly does not apply to the kind of overflow you speak 
about, it only apply to "region-break"-style overflow but not 
"word-too-long-for-the-line"-style overflows, so that could need a few 
tweaks.




-----Message d'origine----- 
From: Tab Atkins Jr.
Sent: Wednesday, October 02, 2013 12:55 AM
To: www-style list
Subject: [css-ui] text-overflow: fade ?

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?

~TJ
Received on Thursday, 3 October 2013 11:24:56 UTC

This archive was generated by hypermail 2.3.1 : Thursday, 3 October 2013 11:24:57 UTC