Article image
Evandro Fernandes
Evandro Fernandes27/11/2023 11:00
Compartilhe

Texto animado para Markdow

    Sem que pode parecer apenas um pequeno detalhe, mas achei interessante com alguns utilizam textos animados em seus Profiles para o GitHub. Pesquisando encontrei um site bem interessante, o Readme Typing SVG.

    Sua interface é bem intuitiva, como mostra os seguintes exemplos:

    EXEMPLO DE TEXTO PARA UMA LINHA

    image

    EXEMPLO DE TEXTO PARA MAIS DE UMA LINHA

    image

    Conforme podemos ver do lado direito os códigos para Markdow e HTML são gerados automaticamente. É só usar um CRTL + C e CRTL + V que está pronto :)

    Mas também é possível editar os códigos manualmente. Exemplo, no primeiro código, temos os seguintes parâmetros:

    [![Typing SVG](https://readme-typing-svg.herokuapp.com?font=Fira+Code&pause=1000&random=false&width=435&lines=Exemplo+de+texto+para+uma+linha)](https://git.io/typing-svg)
    

    Mas, se eu quiser, posso mudar o estilo da fonte, alterando o parâmetro font=Fira+Code, para font=Ephesis, e veja o resultado:

    [![Typing SVG](https://readme-typing-svg.herokuapp.com?font=Ephesis&pause=1000&random=false&width=435&lines=Exemplo+de+texto+para+uma+linha)](https://git.io/typing-svg)
    

    image

    Naturalmente, é possível alterar um incluir outros parâmetros conforme a necessidade. E o mesmo principio se aplica para o HTML.

    Como mencionei, sei que pode parecer simples, mas achei prático e útil, e por isso resolvi compartilhar.

    Compartilhe
    Comentários (0)