Re: Are CSS animations a done deal?

On Apr 7, 2010, at 9:22 AM, Anne van Kesteren wrote:

>> And of course:
>> - Switching between pages on a site. Why not animate the whole page?
> 
> These seems somewhat fundamentally different and would require a separate solution regardless of how we go about things.

I'd like to see that. It has occurred to me before that maybe there could be a pseudo-element/class to select the next page. Something like this:

::next-page-root:not-loaded { position:relative; left:100%; }
::next-page-root { left:0; transition(left, 3s); }
::previous-page-root:not-loaded { position:relative; left:-100%; }
::previous-page-root { left:0; transition(left, 3s); }

Of course, there would need to be security restrictions, such as limits to how long the transition could last (5s?), and once the transition ends it could no longer affect the presentation of the next page at all. And it's z-index would always be higher than the current page. 

I think you can almost do this anyway by loading your new links into an offscreen iframe that is full height and width. But that wouldn't work with the back button or pages loaded in other ways.