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

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 Base64 în imagine

Convertiți șirurile Base64 înapoi în imagini pentru dezvoltare web și vizualizarea datelor

Convertor CSS în SASS

Transformați codul CSS în sintaxă SASS indentată. Rapid, ușor și sigur.

HEX la Pantone

Convertiți cu precizie codurile de culoare HEX în culori Pantone Matching System® pentru nevoile de design profesional