- From: Tab Atkins Jr. <jackalmage@gmail.com>
- Date: Wed, 23 Feb 2011 13:41:01 -0800
- To: fantasai <fantasai.lists@inkedblade.net>
- Cc: "Aharon (Vladimir) Lanin" <aharon@google.com>, W3C style mailing list <www-style@w3.org>
On Wed, Feb 23, 2011 at 1:39 PM, fantasai <fantasai.lists@inkedblade.net> wrote:
> On 02/23/2011 01:00 PM, Tab Atkins Jr. wrote:
>>
>> Do you have any opinion on the problem of composed images? If I do
>> something like the following:
>>
>> <ul dir=rtl>
>> <li>ONE</li>
>> </ul>
>> <style>
>> ul {
>> list-style-image: image( url("right-facing-arrow.jpg"), ltr );
>> transition: list-style-image .2s;
>> }
>> ul:hover {
>> list-style-image: image( url("highlight-right-arrow.jpg"), ltr );
>> }
>> </style>
>>
>> Since the images are tagged as ltr, but the<ul> is rtl, they'll flip
>> horizontally so the arrows face left instead.
>
> So the image() function, which is computed against 'direction' the same
> way 'currentColor' is computed against 'color', represents a left-facing
> arrow on this element. OK.
>
>> But during the transition, the used value is of list-style-image is:
>>
>> cross-fade(
>> image( url("right-facing-arrow.jpg"), ltr ),
>> image( url("highlight-right-arrow.jpg"), ltr ),
>> X%
>> );
>>
>> Do the arrows face right or left?
>
> Left, obviously.
>
>> What if I just use that cross-fade() value directly in a property?
>
> Same.
>
>> What if I assign it to a variable and then use it?
>
> Depends on where you use it. If you use it on an RTL element, then
> the arrows face left.
These are consistent and sane answers. Implementors, thoughts on the
feasibility of this?
~TJ
Received on Wednesday, 23 February 2011 21:41:55 UTC