🎨 Gerador de Gradiente CSS

Um projeto simples e intuitivo que permite gerar gradientes CSS personalizados, visualizar o resultado em tempo real e copiar o código pronto para utilizar nos seus projetos.

📂 Estrutura do projeto

/

├── index.html

├── style.css

├── script.js

└── font/

└── sans.ttf

⚙️ Funcionalidades

• Selecionar duas cores para criar o gradiente
• Escolher a direção (horizontal, vertical ou diagonal)
• Pré-visualizar o gradiente aplicado em tempo real
• Gerar automaticamente o código CSS correspondente
• Copiar o código com um clique

🛠️ Tecnologias utilizadas

• HTML5 – Estrutura da aplicação
• CSS3 – Estilização e responsividade
• JavaScript (ES6+) – Lógica de geração e cópia do gradiente
• Font Awesome – Ícones

📖 Como utilizar

1. Clone o repositório:

   git clone https://github.com/Ninja1375/Gerador_de_gradiente_css.git

2. Abra o arquivo index.html no navegador

3. Escolha as cores e direção do gradiente

4. Clique em Gerar Gradiente

5. Copie o código CSS e use no seu projeto

📜 Licença

Este projeto é de código aberto e pode ser utilizado livremente.