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

Gerador de transição CSS3

Transição suave de opacidade

Conversor SCSS para CSS

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

Crie um belo gradiente de texto CSS sem esforço

Crie efeitos de texto gradiente impressionantes para o seu site

Conversor de unidade de peso

Converta entre diferentes unidades de peso com precisão para suas necessidades culinárias, físicas e científicas

Calculadora de hash SHA-256

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

Calculadora de intervalo de confiança

Calcule intervalos de confiança para seus dados de amostra com precisão e facilidade.