Мне очень нравятся вполне гладкие переходы страницы Gmail, https://mail.google.com/mail/mu.Как работает переход на мобильный Gmail?
Кто-нибудь знает, как они это делают? Есть ли библиотека, которую они используют?
Я осмотрел себя, но это было не очевидно. Подсказка будет высоко оценена.
Глядя на код, кажется, они делают это с переходами 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/
Вы правы, казалось бы, так. Хотя, я должен был сказать, я имел в виду «скользящие» эффекты, наблюдаемые при посещении сайта на мобильном устройстве. Но я полагаю, что это сделано с помощью того же метода '-webkit-transition'. Благодарю. – jenswirf
Ahh - ОК. Я бы сказал, без сомнения, они используют 3D-преобразования (в частности, «перевод»). 3D-преобразования могут быть аппаратно ускорены - отсюда и гладкость. Это поддерживает только браузеры webkit. Вот статья, которая объясняет это довольно красиво: http://googlecode.blogspot.co.nz/2010/08/css3-transitions-and-transforms-in.html –