W3C home > Mailing lists > Public > www-style@w3.org > February 2016

Re: [css-transitions] Interpolation of side-relative <position> values

From: Shane Stephens <shans@google.com>
Date: Mon, 22 Feb 2016 00:02:54 +0000
Message-ID: <CAGTfzwTux_ByhDBKUa_NKC7saDn5z3fqyqpWFLscg8Q4t11CiA@mail.gmail.com>
To: Simon Fraser <smfr@me.com>, www-style list <www-style@w3.org>
On Sat, Feb 20, 2016 at 1:32 PM Simon Fraser <smfr@me.com> wrote:

> There is some trickiness with interpolation of side-relative <position>
> values. Consider:
>
> @keyframes shifty {
> from { background-position: 20px; }
> to { background-position: right 20px; }
> }
>
> Should that work? To make it work you’d have to know the box size when
> doing interpolation, or I suppose the UA could turn it into a calc()
> expression?
>
> This works in Firefox, but not in Chrome or Safari. I didn’t test Edge.
>

Minor correction: Chrome's behavior matches Firefox's.

Cheers,
    -Shane


>
> Simon
>
>
>
Received on Monday, 22 February 2016 00:03:32 UTC

This archive was generated by hypermail 2.4.0 : Friday, 25 March 2022 10:09:00 UTC