Gratis CSS Knapp Generator

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.

Knapp Förhandsgranskning

Genererad CSS

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

Egenskaper för knapp

Populära förinställningar

Related Tools

Skapa perfekta Flexbox-layouter

Visualisera, anpassa och generera CSS flexbox-kod med vårt intuitiva dra-och-släpp-gränssnitt.

Stylus till CSS-omvandlare

Omvandla din SCSS-kod till CSS. Snabbt, enkelt och säkert.

SCSS till CSS-omvandlare

Omvandla din SCSS-kod till CSS. Snabbt, enkelt och säkert.

Hex till Oktal

Konvertera hexadecimala tal till oktala utan ansträngning

Omvandlare av ytenhet

Konvertera mellan olika ytenheter med precision och lätthet

SHA-2 Hash-kalkylator

Generera SHA-2-hashvärden snabbt och enkelt