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 Stylus în CSS

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

Generator de tranziție CSS3

Tranziție lină a opacității

Convertor Base64 în CSV

Convertiți instantaneu datele CSV codificate Base64 în fișiere CSV descărcabile. Funcționează local în browserul dvs., fără încărcarea datelor.

Generați cuvinte aleatorii pentru orice scop

Creați cuvinte aleatorii cu lungime, complexitate și opțiuni de formatare personalizate.

Octal în text

Convertiți reprezentarea octală în text fără efort