Curiosidade: como funciona a animadíssima página do iPhone 4S no Apple.com

Página do iPhone 4S no Apple.com

Flash pra quê, né? Usando apenas CSS e muita criatividade, o pessoal da Apple conseguiu criar uma página inicial animadíssima para o iPhone 4S, indo de uma para outra função do gadget com transições suaves e convidativas. É de encher os olhos — e pega muitíssimo bem pro Safari!

Página do iPhone 4S no Apple.com

Mas como isso funciona? John Hall explica: os slides que destacam as funções do iPhone 4S ficam em uma espécie de “palco” que se move seguindo uma curva bezier cúbica (oi?) e termina exatamente no primeiro slide; enquanto isso, as legendas e textos são carregados separadamente, cada um com seu efeito. É uma sacada e tanto!

Vale notar que a explicação de Hall é bem mais fácil de ver do que de ler, então não deixe de visitar o site dele — só lembre de levar uma versão atualizada do Safari, do Chrome ou do Firefox (Internet Explorer, nem pensar!).

[via @shiota]

Posts relacionados

Comentários