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.

Convertor Stylus în CSS

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

RGB în CMYK

Convertiți culorile RGB în valori CMYK pentru designul de imprimare

Convertiți textul în melci prietenoși cu SEO

Transformați orice text într-un slug prietenos cu URL-urile, perfect pentru adrese URL, nume de fișiere și multe altele.

Generator de bară de derulare CSS

Personalizați cu ușurință barele de derulare ale site-ului dvs.