Generator gratuit de butoane CSS

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.

Previzualizare buton

CSS generat

.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); }

Proprietățile butonului

Textul butonului

Size

Shape

Color

Presetări populare

Related Tools

Creați machete Flexbox perfecte

Vizualizați, personalizați și generați cod CSS flexbox cu interfața noastră intuitivă drag-and-drop.

Convertor Stylus în CSS

Transformați-vă codul SCSS în CSS. Rapid, ușor și sigur.

Convertor SCSS în CSS

Transformați-vă codul SCSS în CSS. Rapid, ușor și sigur.

Calculator de marjă

Calculați marja de profit, marja brută și adaosul cu calculatorul nostru cuprinzător de marjă.

Convertor de unități de densitate de stocare

Convertiți între diferite unități de densitate de stocare a datelor cu precizie

Convertiți JSON în Excel fără efort

Transformați-vă datele JSON în format Excel cu un singur clic. Rapid, sigur și complet bazat pe browser.