image

Acesse bootcamps ilimitados e +650 cursos

50
%OFF
Article image
Evandro Fernandes
Evandro Fernandes27/11/2023 11:00
Compartilhe

Texto animado para Markdow

  • #GitHub
  • #Git

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
Recomendados para você
Microsoft 50 Anos - GitHub Copilot
Microsoft AI for Tech - GitHub Copilot
Microsoft 50 Anos - Prompts Inteligentes
Comentários (0)