Controls

Small Large
Small Large

Preview

Código gerado

/* Ribbon Styles */ .ribbon { position: absolute; top: 20px; right: -50px; width: 200px; padding: 8px 0; background-color: #3B82F6; color: white; text-align: center; transform: rotate(45deg); box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1); z-index: 100; font-size: 16px; font-weight: bold; }

Sobre o CSS Ribbon Generator

Crie fitas CSS bonitas e responsivas para o seu site com nosso gerador fácil de usar. Não são necessárias imagens - apenas pura magia CSS!

Características principais

  • Vários estilos:Escolha entre fitas padrão e de canto
  • Tamanho personalizável:Ajuste o tamanho da fita para se adequar ao seu design
  • Opções de cores:Escolha entre uma variedade de cores predefinidas ou escolha a sua própria
  • Controle de posição:Coloque a faixa de opções em qualquer canto do elemento
  • Efeitos animados:Adicione animações sutis para destacar sua faixa de opções
  • Obtenha código limpo e minimizado para fácil implementação

Casos de uso comuns

Banners de venda

Destaque ofertas e promoções especiais em seu site de comércio eletrônico.

Novos recursos

Chame a atenção para novos recursos ou atualizações em seu aplicativo.

Mostre prêmios, certificações ou status especial em perfis.

Modo de Utilização

  1. Ajuste os controles para personalizar a aparência da sua fita
  2. Visualize suas alterações em tempo real
  3. Copie o código CSS e HTML gerado
  4. Cole o código em seu projeto
  5. Aproveite sua linda nova fita!

Made with para desenvolvedores em todos os lugares.

Related Tools

Conversor SCSS para CSS

Transforme seu código SCSS em CSS. Rápido, fácil e seguro.

Gerador de transição CSS3

Transição suave de opacidade

Gere transformações CSS3 com facilidade

Uma ferramenta poderosa e intuitiva para criar transformações CSS3 complexas sem escrever código. Visualize as alterações em tempo real e copie o CSS gerado para usar em seus projetos.

Octal para texto

Converta representação octal em texto sem esforço

Conversor de unidade de energia

Converta entre diferentes unidades de potência com precisão para suas necessidades científicas e de engenharia

Conversor de energia aparente

Converta a potência aparente entre diferentes unidades com precisão e facilidade