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

Re: [css3-transitions] grid property is animatable?

From: Dean Jackson <dino@apple.com>
Date: Sat, 26 Mar 2011 11:44:12 +1100
Cc: Andrew Fedoniouk <news@terrainformatica.com>, www-style list <www-style@w3.org>, Kevin Babbitt <kbabbitt@microsoft.com>, Phil Cupp <pcupp@microsoft.com>
Message-id: <4DD69D43-A0EC-45E3-AEB9-799F51566474@apple.com>
To: Alex Mogilevsky <alexmog@microsoft.com>

On 26/03/2011, at 11:41 AM, Alex Mogilevsky wrote:

> Well, “grid-columns” is not really a length. It is a formula for calculating multiple lengths.

OK. I'm not familiar with that.

It sounds like this property should probably not be animatable.

Dean


> So transition may be from
>  
>                 grid-columns:(minmax(200px, 1fr) auto)[40]
> to
>                 grid-columns: 1.5fr (2em 1fr)[15] 2em 1.5fr
>  
> where number of columns changes and different fractions and repeat patterns are used. I am not sure I can even suggest how to calculate an intermediate state…
>  
> It would make sense however to animate changes to individual column widths. Syntax for that is now very tentative though (and it may also be tricky because grid rows and columns are not elements).
>  
> From: Dean Jackson [mailto:dino@apple.com] 
> Sent: Friday, March 25, 2011 5:09 PM
> To: Andrew Fedoniouk
> Cc: Alex Mogilevsky; www-style list; Kevin Babbitt; Phil Cupp
> Subject: Re: [css3-transitions] grid property is animatable?
>  
>  
> On 26/03/2011, at 3:40 AM, Andrew Fedoniouk wrote:
> 
> 
> From: Alex Mogilevsky
> Sent: Thursday, March 24, 2011 5:45 PM
> To: www-style list
> Cc: Kevin Babbitt ; Phil Cupp
> Subject: [css3-transitions] grid property is animatable?
>  
> css3-transitions [1] has “grid-*” in the list of animatable properties. What is the thinking on which grid properties could animate, and what it means?
>  
> http://dev.w3.org/csswg/css3-transitions/
>  
> grid-column/row widths/height I think.
>  
> For example transition from this:
>    body { grid-columns: * 200px *; }
> to this:
>    body { grid-columns: * 700px *; }
>  
> makes sense as far as I can tell.
>  
> Right. Any property that is a number, length, angle, time, etc should be animatable. Performance may be horrible in some cases (eg. changing the size of grid columns).
>  
> Dean
>  
>  
Received on Saturday, 26 March 2011 00:44:52 GMT

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