移动版Gmail的网页转换如何运作?

时间:2012-01-31 09:00:47

标签: javascript html5 webkit css-animations

我真的很喜欢移动版Gmail相当流畅的页面转换https://mail.google.com/mail/mu

有谁知道他们是怎么做到的?他们使用的是图书馆吗?

我看了看自己,但这并不明显。非常感谢提示。

1 个答案:

答案 0 :(得分:1)

看看代码,看起来他们正在使用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/