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

Re: [css3-transitions] interpolation between value types

From: Tab Atkins Jr. <jackalmage@gmail.com>
Date: Tue, 8 Nov 2011 14:53:08 -0800
Message-ID: <CAAWBYDDn+y0-3iz-P975a-GSAYeHw=ji6HmZa5EuFma1KwPO4A@mail.gmail.com>
To: Jennifer Yu <Jennifer.Yu@microsoft.com>
Cc: "www-style@w3.org" <www-style@w3.org>
On Tue, Nov 8, 2011 at 2:37 PM, Jennifer Yu <Jennifer.Yu@microsoft.com> wrote:
> While http://dev.w3.org/csswg/css3-transitions/#animation-of-property-types-
> describes how each property type undergoes a transition, it doesn’t define
> how interpolation should occur between value types. eg. between a percentage
> and a length.
>
> I would imagine that you’d compute a length from the percentage, then
> interpolate over the lengths. But this is a little more complicated in the
> case of background-position, for instance. If you have:
>
> {
> background-image: url('1.gif'), url('2.gif'), url('3.gif');
>                 background-size: 100px 100px, 200px 200px, 300px 300px;
>                 background-position: 50%;
>                 transition: background-position 5s;
>                 width: 500px;
>                 height: 500px;
> }
>
> then set element.style.backgroundPosition=”100px”;
>
> What does a transition and its corresponding computed value look like in
> this case?

I believe the intention is to use calc() to represent the intermediate state.

background-position is underdefined in this aspect.

~TJ
Received on Tuesday, 8 November 2011 22:54:05 GMT

This archive was generated by hypermail 2.3.1 : Tuesday, 26 March 2013 17:20:46 GMT