W3C home > Mailing lists > Public > www-style@w3.org > September 2011

Re: when do transitions occur?

From: Tab Atkins Jr. <jackalmage@gmail.com>
Date: Thu, 15 Sep 2011 12:48:43 -0700
Message-ID: <CAAWBYDDP26MGJhQK2fJ6F3qaf9-FRrMBE9GF42swBXr3hU4W2Q@mail.gmail.com>
To: Brian Manthos <brianman@microsoft.com>
Cc: Øyvind Stenhaug <oyvinds@opera.com>, "L. David Baron" <dbaron@dbaron.org>, "www-style@w3.org" <www-style@w3.org>
On Thu, Sep 15, 2011 at 2:41 AM, Brian Manthos <brianman@microsoft.com> wrote:
> As hinted by Tab's observation about "future shorthanding", the assertion that a background transition should not fire is debatable.
>
> Let's get more concrete.
>
> Example D (CSS3)
>        from    { text-shadow: 1px 2px 3px red; }
>        to      { text-shadow: 1px 2px 3px blue; }
>
> Example E (CSSn, where n > 3)
>        from    { text-shadow: 1px 2px 3px pink; text-shadow-color: red; }
>        to      { text-shadow: 1px 2px 3px cyan; text-shadow-color: blue; }
>
> Should a text-shadow transition event fire for case D (non-shorthand) but not for case E (shorthand)?
>
>
> I would expect the 4 scenarios to behave as follows.
>
>
> CSS3 browser - Example D
> 1. text-shadow event ("1px 2px 3px red" -> "1px 2px 3px blue")
>
> CSS3 browser - Example E
> 1. text-shadow event ("1px 2px 3px pink" -> "1px 2px 3px cyan")
>
> CSSn browser - Example D
> 1. text-shadow event ("1px 2px 3px red" -> "1px 2px 3px blue")
> 2. text-shadow-color event ("red" -> "blue")
>
> CSSn browser - Example E
> 1. text-shadow event ("1px 2px 3px red" -> "1px 2px 3px blue")
> 2. text-shadow-color event ("red" -> "blue")

Agreed with all of these - this is the only way I can see it working
sanely with the possibility of turning properties into shorthands in
the future.

~TJ
Received on Thursday, 15 September 2011 19:49:38 UTC

This archive was generated by hypermail 2.4.0 : Monday, 23 January 2023 02:14:04 UTC