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

Texto do botão

Size

Shape

Color

Predefinições populares

Related Tools

Gerador de transição CSS3

Transição suave de opacidade

Conversor de Sass para CSS

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

Minificador CSS

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

RGB para HEX

Converter cores RGB em valores HEXadecimal para web design

Calculadora de taxas do PayPal

Calcule as taxas do PayPal para suas transações com nossa calculadora fácil de usar.

Ferramenta de codificador Base64

Gere hashes de senha seguros para WordPress