/* =========================================================== FRASES QUE SE ESCREVEM Ana Paula Lellis Werneck As três frases manuscritas aparecem letra a letra. As duas do corpo acompanham a rolagem; a do rodapé se escreve sozinha ao entrar na tela, porque ali a página acaba antes de haver rolagem suficiente para completar a frase. As letras já nascem visíveis. Quem esconde é o JavaScript, e só quando tem certeza de que vai animar. Assim, se algo falhar, o texto fica legível em vez de sumir. COMO REMOVER TUDO: ver as instruções no bloco DIGITANDO, no do index.html. =========================================================== */ /* a palavra inteira não quebra no meio: a quebra acontece entre palavras */ .dig-palavra { white-space: nowrap; } .dig-letra { position: relative; opacity: 1; } /* cursor na letra que está sendo escrita agora */ .dig-letra.dig-agora::after { content: ""; position: absolute; right: -.07em; top: .14em; bottom: .16em; width: 2px; border-radius: 2px; background: currentColor; opacity: .7; animation: dig-pisca .85s steps(1, end) infinite; } @keyframes dig-pisca { 50% { opacity: 0; } } /* cópia só para leitor de tela: o texto animado fica aria-hidden */ .dig-leitor { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; clip-path: inset(50%); overflow: hidden; white-space: nowrap; } @media (prefers-reduced-motion: reduce) { .dig-letra { opacity: 1 !important; } .dig-letra.dig-agora::after { display: none; } }