775 ferramentas gratuitas — tudo no seu navegador

775ferramentas
Publicidade
Texto e Dados13
Física21
Nutrição e Dieta7
Esportes e Performance7
Farmácia e Clínica6
Economia e Negócios7
Música e Acústica6
Biologia6
Engenharia Civil8
Hidráulica e Saneamento7
Termodinâmica7
Óptica6
Agronegócio7
Culinária e Gastronomia7
Investimentos8
Mecânica dos Sólidos7
Calculadoras Jurídicas7
Imobiliário7
Pets e Veterinária7
Energia Solar e Elétrica Residencial7
Viagens e Turismo7
Educação e Concursos7
Meio Ambiente e Sustentabilidade7
Moda, Costura e Têxtil7
Beleza e Estética7
Jardinagem e Plantas7
Automotivo7
Fotografia7
Meteorologia7
Seguros15
Café, Chá e Bebidas7
Eventos e Festas7
Contabilidade Empresarial12
Recursos Humanos7
Maternidade e Bebês7
Limpeza Doméstica7
Marcenaria7
Acústica e Som7
Mudança Residencial7
E-commerce7
Apicultura7
Cervejaria Artesanal7
Aquarismo7
Mergulho7
Drones e FPV7
Impressão 3D7
Condomínio7
Comércio Exterior7
Hidroponia7
Pesca7
Vinhos7
Queijos Artesanais7
Panificação7
Ciclismo7
Legendagem e Tradução7
Piscina7
Genealogia7
Radioamadorismo7
Compostagem7
Gestão de Projetos7
Natação7
Tricô e Crochê7
Segurança do Trabalho7
Hardware Gamer7
Day Trade e Bolsa7
Gestão de Estoque7
Atendimento ao Cliente7
Backup e Armazenamento de Dados7
Mineração de Criptomoedas7
Paisagismo7
Mobilidade Urbana7
Corrida de Rua7
Confeitaria7
Treino de Musculação7
Torrefação e Café7
Yoga e Meditação7
Costura7
Imposto de Renda Pessoa Física7
Consultoria e Freelancer7
Energia Eólica7
Perfuração de Poços7
Design & CSSOnline Grátis

Gerador de Gradientes CSS

Crie gradientes e copie o CSS gerado.

background: linear-gradient(135deg, #3B82F6, #EC4899);
Publicidade

Como usar

  1. 1Escolha o tipo de gradiente: Linear (direcional) ou Radial (circular).
  2. 2Ajuste o ângulo para gradientes lineares.
  3. 3Modifique as cores clicando nos color pickers ou editando o código HEX.
  4. 4Copie o código CSS gerado e use diretamente no seu projeto.

Exemplo de uso

Criar um gradiente para o hero de uma landing page: cores #3B82F6 e #EC4899 a 135° resultam em "background: linear-gradient(135deg, #3B82F6, #EC4899)".

Perguntas Frequentes