모바일 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 - 오케이. 의심의 여지없이 3D 변환 (특히 "번역")을 사용하고 있다고 말할 수 있습니다. 3D 변환은 하드웨어 가속화 될 수 있습니다. 따라서 부드럽게됩니다. 웹킷 브라우저 만이이를 지원합니다. 아주 잘 설명하는 기사는 다음과 같습니다. http://googlecode.blogspot.co.nz/2010/08/css3-transitions-and-transforms-in.html –

모바일 Gmail의 페이지 전환은 어떻게 작동합니까?

답변

관련 문제