Gerador de botões CSS grátis

Erstellen Sie ansprechende, responsive Schaltflächen für Ihre Website. Wählen Sie aus über 70 vorgefertigten Stilen oder passen Sie Ihre eigenen mit unseren erweiterten Steuerelementen an.

Pré-visualização do botão

CSS gerado

.custom-button { padding: 0.75rem 1.5rem; border-radius: 0.5rem; background: #165DFF; color: white; font-weight: 500; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); transition: all 0.3s ease; }  .custom-button:hover { background: rgba(22, 93, 255, 0.9); transform: translateY(-2px); }  .custom-button:focus { outline: none; box-shadow: 0 0 0 4px rgba(22, 93, 255, 0.3), 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); }  .custom-button:active { transform: translateY(0); }

Propriedades do botão

Predefinições populares

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

Minificador CSS

Comprima e otimize seu código CSS com precisão profissional

SHA3-256 Calculadora de Hash

Gere hashes SHA3-256 de forma rápida e fácil

Conversor de energia aparente

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

Conte palavras, caracteres e muito mais

Obtenha estatísticas detalhadas sobre seu texto com nossa ferramenta precisa de contador de palavras.