Design e Acessibilidade

O que é Mesh Gradient?

Mesh gradient é um degradê de múltiplos pontos de cor que cria transições suaves e orgânicas, muito usado em fundos de UI.

Diferente de um degradê linear simples, o mesh gradient combina vários pontos de cor em posições distintas, gerando transições fluidas e coloridas que parecem pintadas à mão.

É muito usado em fundos modernos de sites e apps. Pode ser reproduzido em CSS com combinações de radial-gradient e funciona bem como base para efeitos como o glassmorphism.

Use na prática

Gerador de Mesh Gradient

Perguntas frequentes

Como criar um mesh gradient em CSS?
Combinando vários radial-gradients em posições diferentes como background — uma ferramenta geradora facilita o processo.
Posso usar mesh gradient comercialmente?
Sim. O CSS gerado é livre para uso em qualquer projeto pessoal ou comercial.