01 / Comece por aqui
Pressione e arraste este cartão para a esquerda.
01 / Comece por aqui
Uma página para experimentar.
Inicie a gravação, mova o mouse, clique e role a página. Depois, abra a reprodução.
Nenhum clique ainda.
02 / Conteúdo em movimento
Este bloco entra com fade up.
A rolagem revela o conteúdo. A classe adicionada pelo observador também faz parte da gravação.
- Primeiro item da demonstração.
Abrir mais informações
Abrir e fechar este texto altera o DOM.
03 / Privacidade
Campo visível, conteúdo protegido.
Use apenas texto fictício. No replay, o campo permanece visível e cada caractere digitado aparece como *.
Texto editável de teste.
04 / Compare os modos
Uma animação que também aparece no replay.
O botão inicia uma animação CSS a cada clique. No modo Original, o efeito é reproduzido. No Corrigido, a mensagem fica visível sem animação.
Esta mensagem estava com opacidade zero.
05 / Clique ou arraste
Um carrossel para testar gestos.
Arraste para os lados com o mouse ou com o dedo. Você também pode usar as setas abaixo ou as teclas ← e →.
02 / Movimento registrado
O replay mostra o trajeto do arraste e o movimento do carrossel.
03 / Compare as interações
Volte usando o botão. No replay, ele será identificado como clique.