モバイルGmailのページ遷移はどのように機能しますか？

私はモバイルGmailのかなりスムーズなページ遷移、https://mail.google.com/mail/muが本当に好きです。モバイルGmailのページ遷移はどのように機能しますか？

これはどのように行うのですか？彼らが使っている図書館はありますか？

私は自分の周りを見ていましたが、それは明らかではありませんでした。ヒントは高く評価されるだろう。

2012-01-31 jenswirf

コードを見ると、CSS3の移行でこれをやっているようです。具体的にここで

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

は仕様です。ここでhttp://www.w3.org/TR/css3-transitions/

は、彼らがどのように動作するかについていくつかの情報です：http://www.alistapart.com/articles/understanding-css3-transitions/

出典

2012-01-31 09:18:15

そうだね、それはとても思われます。しかし、私は言っておくべきであったが、私はモバイルデバイス上のサイトを訪問するときに見られる「滑り」効果を指していた。しかし、私はそれが同じ '-webkit-transition'方法で行うのとします。ありがとう。 – jenswirf

Ahh - OK。私は間違いなく3D変換（具体的には "翻訳"）を使用していると言っています。 3D変換はハードウェアアクセラレーションが可能なため、スムーズです。これをサポートするのはWebkitブラウザだけです。ここではそれを非常にうまく説明する記事です：http://googlecode.blogspot.co.nz/2010/08/css3-transitions-and-transforms-in.html –

モバイルGmailのページ遷移はどのように機能しますか？

答えて

関連する問題