Pular para o conteúdo

Texto que respira

Tipografia em movimento. Escreva uma palavra e veja cada letra reagir ao cursor, respirar sozinha ou seguir uma onda. Escolha entre cinco estilos de animação.

Como usar

  1. 01Escreva o que quiser no campo.
  2. 02Passe o cursor sobre as letras.
  3. 03Troque o estilo: ímã, respiração, onda, explosão ou máquina de escrever.

Mouse ou dedoToqueTeclado

experimento ao vivo
Carregando o experimento…
Como isso funciona?

01A fonte usada é variável: em vez de ter só “normal” e “negrito”, ela tem um controle contínuo de peso. O site muda esse peso letra por letra, várias vezes por segundo.

02Cada letra tem uma mola própria. Ela não pula para o novo tamanho: acelera, passa um pouco do ponto e volta, e é isso que dá a sensação de músculo.

03Atrasar cada letra um pouquinho em relação à anterior cria a onda. Esse atraso em cascata é um dos truques mais usados em motion graphics.