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

Înfrumusețător CSS

Formatați și înfrumusețați codul CSS cu precizie profesională

Convertor SCSS în CSS

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

Generați transformări CSS3 cu ușurință

Un instrument puternic și intuitiv pentru crearea de transformări CSS3 complexe fără a scrie cod. Vizualizați modificările în timp real și copiați CSS-ul generat pentru a-l utiliza în proiectele dvs.

Convertor de unități de masă

Convertiți între diferite unități de masă cu precizie pentru nevoile dumneavoastră științifice și de zi cu zi

Hex în zecimal

Convertiți numere hexazecimale în zecimale fără efort

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

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