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

Re: Splitting background-position in two different attributes

From: Brad Kemper <brad.kemper@gmail.com>
Date: Thu, 4 Aug 2011 22:00:08 -0700
Message-Id: <2AEDE565-FE1B-42BF-A772-EA6695963749@gmail.com>
Cc: "Tab Atkins Jr." <jackalmage@gmail.com>, Christian Sciberras <uuf6429@gmail.com>, "www-style@w3.org" <www-style@w3.org>
To: Alan Gresley <alan@css-class.com>
On Aug 4, 2011, at 8:14 PM, Alan Gresley <alan@css-class.com> wrote:

> The below would be easier and would also allow 'background-position-x' to be animated independently or just declared outside the keyframe with a single value (background-position-x: 30%).
> 
> 
> @keyframe y-axis-downwards {
>  from { background-position-y: 0%; }
>  50%  { background-position-y: 50%; }
>  to   { background-position-y: 100%; }
> }

I was thinking of something like the following, that would be more cumbersome to attempt in other ways:

@keyframe y-downwards-x-rightwards {
 from { background-position-y: 0%; background-position-x: 0; }
 33% { background-position-x: 3.3em; }
 80% { background-position-x: 6.1em; }
 to   { background-position-y: 100%; }
}
Received on Friday, 5 August 2011 05:00:38 GMT

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