W3C home > Mailing lists > Public > www-style@w3.org > January 2014

Re: A wish for 2014: page transitions

From: Daniel Glazman <daniel.glazman@disruptive-innovations.com>
Date: Fri, 17 Jan 2014 08:59:42 +0100
Message-ID: <52D8E2EE.30304@disruptive-innovations.com>
To: www-style@w3.org
On 16/01/2014 18:12, Sylvain Galineau wrote:

> Related - at least I think of it as related - I have also seen interest in transitioning from one MQ state to another i.e. when going from portrait to landscape I may want some level of animation between the two layouts. If that's desirable then effects from one page to the next are reasonable too.


This already works in WebKit, Blink and Firefox nightlies.
Test:

<style type="text/css">
   #foo {
     background-color: #33ff33;
     -webkit-transition: background-color 4s ease-in 0s;
     transition: background-color 4s ease-in 0s;
   }

   @media screen and (max-width: 500px) {
     #foo { background-color: red; }
   }

</style>
<p id="foo">test....</p>


</Daniel>
Received on Friday, 17 January 2014 08:00:05 UTC

This archive was generated by hypermail 2.4.0 : Friday, 25 March 2022 10:08:38 UTC