Ako funguje prechod stránky pre mobilné zariadenia v službe Gmail? - javascript, html5, webkit, css-animácie

Veľmi sa mi páči mobilné stránky Gmailu pre mobilné telefóny, https://mail.google.com/mail/mu.

Vie niekto, ako to robia? Existuje knižnica, ktorú používajú?

Mal som sa pozrieť okolo seba, ale to nebolo zrejmé. Návod by bol veľmi ocenil.

odpovede:

Keď sa pozrieme na kód, zdá sa, že to "robí s prechodmi CSS3

-webkit-transition-property: opacity;
-webkit-transition-duration: 1000ms;
-webkit-transition-timing-function: initial;
-webkit-transition-delay: initial;

Tu je špecifikácia: http://www.w3.org/TR/css3-transitions/

Tu sú informácie o tom, ako fungujú: http://www.alistapart.com/articles/understanding-css3-transitions/