O HTML5 introduziu muitos recursos interessantes para desenvolvedores web. Uma das características é a capacidade de especificar gradientes usando puro CSS3, sem ter que criar todas as imagens e utilizá-las como fundos repetindo para se obter os efeitos da inclinação e mudanças de tonalidades.
A Collorzila disponibiliza a ferramenta Ultimate CSS Gradient Generator, que é um gerador de gradiente online cheio de recursos e simples de usar.
Ultimate CSS Gradient Generator possui suporte gradientes horizontais, verticais, diagonais e radiais, importar imagens para converter em gradiente de imagem para CSS, ajuste de inclinação por matiz, saturação, luminosidade, painel de visualização flexível e muito mais!
Uma vez que esteja configurado o gradiente desejado basta copiar o código gerado e usar onde desejar.
Versão minima compativel de cada navegador
| IE | Edge | Firefox | Chrome | Safári | Ópera | iOS Safari | Android Browser | Chrome para Android |
|---|---|---|---|---|---|---|---|---|
| 10+ | 12+ | 16+ | 26+ | 6.1+ | 12+ | 7.1+ | 4.4+ | 46+ |
Mais informações sobre gradientes CSS: W3C , Firefox , Safari e Chrome (WebKit) , Internet Explorer e Opera [ 2 ].
