https://github.com/ninja1375/hello-world-animado

Hello-world animado
https://github.com/ninja1375/hello-world-animado

hello-world html javascript

Last synced: about 2 months ago
JSON representation

Hello-world animado

Host: GitHub
URL: https://github.com/ninja1375/hello-world-animado
Owner: Ninja1375
Created: 2024-11-27T23:13:39.000Z (6 months ago)
Default Branch: main
Last Pushed: 2024-11-28T00:42:02.000Z (6 months ago)
Last Synced: 2025-03-29T08:51:06.588Z (2 months ago)
Topics: hello-world, html, javascript
Language: CSS
Homepage: https://ninja1375.github.io/Hello-world-animado/
Size: 11.7 KB
Stars: 3
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml

Awesome Lists containing this project

README

**Veja o projeto ao vivo:**

**[Hello World Animado](https://ninja1375.github.io/Hello-world-animado/)**

Este é um projeto front-end desenvolvido com HTML, CSS e JavaScript, que apresenta uma animação moderna e visualmente atraente do texto "**Hello World**". A animação combina efeitos visuais, transições suaves e interatividade para criar uma experiência imersiva. É ideal para desenvolvedores iniciantes e intermediários que desejam praticar ou demonstrar conceitos de animação na web.

# Funcionalidades:

**Texto Centralizado e Animado:**

O texto "Hello World" aparece e desaparece com deficiências, escalando e deslizando verticalmente para criar uma transição fluida.

**Fundo Dinâmico:**

O plano de fundo possui um gradiente colorido em movimento contínuo, proporcionando um visual moderno.

**Efeito de Brilho no Texto:**

O texto exibe um brilho pulsante e dinâmico que varia de intensidade, destacando-o em relação ao fundo.

## Responsabilidade

O tamanho do texto é proporcional à largura da tela, garantindo que a animação seja visualmente agradável em dispositivos móveis, tablets e desktops.

**Interatividade:**

O usuário pode reiniciar a animação clicando no texto, adicionando um elemento de interação.

**Tecnologias Simples:**

Não requer frameworks ou bibliotecas externas, apenas HTML, CSS e JavaScript puro.

## Possíveis Melhorias

**Personalização:**

Altere o texto, núcleos ou velocidade da animação para atender diferentes temas ou projetos.

**Suporte a Idiomas:**

Substituir "Hello World" por traduções automáticas dependendo do idioma do navegador.

**Extensão:**

Mais elementos animados, como ícones ou adicionar formas geométricas interativas.
Este projeto serve como uma ótima introdução ao uso de animações web e pode ser usado como base para criações mais complexas.

## Tecnologias Utilizadas: