Close Menu
Código Simples .NETCódigo Simples .NET
    Facebook X (Twitter) Instagram
    Trending
    • AI SDLC: o que acontece com o Agile quando agentes passam a executar features de ponta a ponta?
    • Times por missão: como organizar equipes em torno do problema, não do organograma
    • Reunião não existe só para trocar informação. É por isso que a IA ainda não conseguiu eliminá-la
    • Por que projetos ainda travam entre equipes, mesmo quando todos produzem mais rápido com IA
    • A IA reduziu o custo de produzir. Não reduziu o custo de alinhar
    • Noisy neighbor: por que multi-tenant não significa simplesmente compartilhar infraestrutura
    • Autoscaling pode ampliar o incidente: por que escalar uma camada não aumenta a capacidade do sistema inteiro
    • Observabilidade de IA com OpenTelemetry: o que realmente deveria aparecer no trace?
    Facebook X (Twitter) Instagram
    Código Simples .NETCódigo Simples .NET
    Código Simples .NETCódigo Simples .NET
    Home»Front-End»5 modelos de geradores de CSS gradiente gratuitos

    5 modelos de geradores de CSS gradiente gratuitos

    Jhonathan SoaresBy Jhonathan Soares6 de abril de 20142 Mins Read Front-End
    Share
    Facebook Twitter LinkedIn WhatsApp Copy Link

    A criação de gradientes em CSS pode ser demorada e difícil dependendo do resultado que você espera obter. Esta pequena lista de ferramentas gratuitas irá ajudá-lo rapidamente gerar gradientes CSS de forma bem simples.

    css gradient

    Vamos aos modelos :

    1. westciv CSS Gradients

      1 css

      Esta é uma ferramenta visual simples para criar gradientes CSS lineares.

    2. CSS 3.0 Gradient

      2 css

      O CSS 3.0 Gradient Generator pode ajudá-lo a criar gradientes lineares e radiais CSS. A interface de controle deslizante facilita a utilização tornando a ferramenta bem útil.

    3. CSSmatic Gradient CSS Generator

      3 css

      Gerador de gradiente de CSSmatic permite que você salve seus gradientes como predefinições – bastante útil nos momentos em que você está experimentando vários estilos de gradiente e pretende recuperá-los depois.

    4. Ultimate CSS Gradient Generator

      4 css

      Este CSS gerador gradiente criado e mantido pela Colorzilla imita o recurso Editor de Degradê no Photoshop, que é ótimo para aqueles que procuram uma interface familiar.
      Atualmente este é o gerador que eu mais costumo utilizar 🙂

    5. Visual CSS Gradient Generator

      5 css

      O que diferencia este gerador de gradiente à parte do resto é que ele também tenta gerar SVG e código de tela, o que é útil quando a compatibilidade cross-browser é extremamente importante para você.

    Bom, é um post simples, mas que as vezes acaba sendo bastante útil na hora de programar o CSS. Logo mais espero dar tutoriais mais avançados utilizando CSS3 , fiquem atentos.

    Que tal nas nossas dicas de CSS ?

    Até a próxima! 😉

    Share. Facebook Twitter LinkedIn Telegram WhatsApp Copy Link
    Jhonathan Soares
    • Website
    • Facebook
    • X (Twitter)
    • LinkedIn

    Criador do blog Código Simples e com mais 15 anos de experiência em TI, com títulos de MVP Microsoft na área de Visual Studio Development, Neo4j Top 50 Certificate, Scrum Master e MongoDB Evangelist.

    Posts Relacionados

    Happy Hour com Dados #17 – Azure vs AWS vs GCP

    Front-End 26 de maio de 20211 Min Read

    Blazor .NET – CRUD com MongoDB

    C# Front-End NoSql 2 de janeiro de 20195 Mins Read

    Introdução ao Blazor, o SPA da Microsoft

    C# Front-End 29 de dezembro de 20185 Mins Read
    Newsletter

    Digite seu endereço de e-mail para receber notificações de novas publicações por e-mail.

    Junte-se a 25mil outros assinantes
    Posts recentes
    • AI SDLC: o que acontece com o Agile quando agentes passam a executar features de ponta a ponta?
    • Times por missão: como organizar equipes em torno do problema, não do organograma
    • Reunião não existe só para trocar informação. É por isso que a IA ainda não conseguiu eliminá-la
    • Por que projetos ainda travam entre equipes, mesmo quando todos produzem mais rápido com IA
    • A IA reduziu o custo de produzir. Não reduziu o custo de alinhar
    Categorias
    • Arquitetura (39)
      • Microsserviços (3)
      • Testes (4)
    • Asp.net (120)
      • C# (89)
      • Mvc (13)
    • Banco de dados (93)
      • NoSql (60)
      • Sql (38)
    • Boas práticas (42)
      • Gestão & Produtividade (10)
      • Metodologias Ágeis (7)
    • Cursos (53)
    • Dicas (108)
    • Front-End (92)
    • IA (11)
    • Linux (6)
    • NodeJS (4)
    • Post do Leitor (9)
    • Python (5)
    • Seo (12)
    • Tecnologia (30)
      • ITIL (1)
      • Padrões de Projeto (4)
    • Testes (2)

    VEJA TAMBÉM

    Cursos
    12 de fevereiro de 20166 Mins Read

    1000 livros gratuitos sobre programação!

    Olha que dica bacana! A pagina só com livros sobre programação é mantida no GitHub…

    Idempotência em Software: Conceitos, Importância e Aplicações

    Código Simples no Facebook
    Código Simples no Facebook
    • Popular
    • Recente

    1000 livros gratuitos sobre programação!

    12 de fevereiro de 2016

    Google lança versão “invisível” do reCAPTCHA!

    10 de março de 2017

    Mini curso de HTML5 oferecido pela Microsoft

    30 de janeiro de 2014

    O que significa ( !important ) na declaração do CSS ?

    5 de fevereiro de 2014

    Programa para supercompactar arquivos. KGB Archiver.

    6 de fevereiro de 2014

    AI SDLC: o que acontece com o Agile quando agentes passam a executar features de ponta a ponta?

    22 de setembro de 2026

    Times por missão: como organizar equipes em torno do problema, não do organograma

    17 de setembro de 2026

    Reunião não existe só para trocar informação. É por isso que a IA ainda não conseguiu eliminá-la

    12 de setembro de 2026

    Por que projetos ainda travam entre equipes, mesmo quando todos produzem mais rápido com IA

    11 de setembro de 2026

    A IA reduziu o custo de produzir. Não reduziu o custo de alinhar

    10 de setembro de 2026
    Nosso Feed
    • RSS - Posts
    Fique por dentro

    Digite seu endereço de email para assinar este blog e receber notificações de novas publicações por email.

    Facebook X (Twitter) Instagram LinkedIn

    Type above and press Enter to search. Press Esc to cancel.

    Vá para versão mobile