A biblioteca Gradient Presets oferece 15 combinações de gradientes escolhidas a dedo para planos de fundo da web, elementos de interface do usuário e design gráfico. Navegue pelas predefinições, clique em qualquer gradiente desejado e copie instantaneamente o código CSS para usar em seu projeto.
Os gradientes estão tendo um desempenho melhor do que nunca com CSS moderno. Eles adicionam profundidade e interesse visual sem imagens adicionais. Cada predefinição usa combinações de cores otimizadas que funcionam bem em diferentes contextos.
Frequently Asked Questions
Q: Posso personalizar as predefinições?
Posso personalizar as predefinições? Sim, copie uma predefinição como ponto de partida e ajuste as cores e ângulos usando nossa ferramenta Gerador de Gradiente.
Q: Esses gradientes funcionam em todos os navegadores?
Esses gradientes funcionam em todos os navegadores? Sim, o gradiente linear é compatível com todos os navegadores modernos. A saída CSS usa a sintaxe padrão.
Q: Esses gradientes são compatíveis com dispositivos móveis?
Esses gradientes são compatíveis com dispositivos móveis? Sim, os gradientes são renderizados em todos os dispositivos. Para desempenho, evite gradientes extremamente complexos em dispositivos móveis de baixo custo.
Q: Como faço um efeito de texto gradiente?
Como faço um efeito de texto gradiente? Use a propriedade CSS background-clip: texto com fundo gradiente. Copie a predefinição e adicione as propriedades CSS adicionais.
Q: Essas predefinições são otimizadas para desempenho?
Essas predefinições são otimizadas para desempenho? Sim, os gradientes CSS são renderizados pela GPU e têm excelente desempenho. Mesmo gradientes complexos de vários pontos têm impacto mínimo na velocidade da página.