Terra Motion Skills — as demonstrações interativas precisam de JavaScript.
Terra Motion Skills — motion em uso
Sem JavaScript, os quatro painéis abaixo permanecem em leitura vertical. As interações e a
navegação sticky precisam de JavaScript; não são simuladas aqui.
Confirme uma intenção.
Button Feedback acompanha a ação com uma resposta discreta.
Código da recipe
Abra espaço para entender.
Accordion Transition revela informação mantendo o controle e a semântica.
Código da recipe
Mude sem perder o contexto.
Presence Transition controla entrada, saída e devolução de foco.
Código da recipe
Encontre sua posição.
Scroll Progress indica posição real, sem afirmar que o conteúdo foi lido.
Código da recipe
Scroll Reveal e Staggered Entrance são experimentados em blocos irmãos fora da faixa
transformada. Skill scroll-motion
Primeiro contato
Uma ação explícita apresenta a resposta de Presence Transition. Esta descrição permanece
acessível sem animação.
Motion foundations ·
Microinteraction design