Gratis CSS-knapgenerator

Skab smukke, responsive knapper til din hjemmeside. Vælg mellem over 70 præfabrikerede stilarter, eller tilpas dine egne med vores avancerede kontroller.

Knap Eksempel

Genereret CSS-knap

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

Egenskaber

Populære forudindstillinger

Related Tools

Sass til CSS konverter

Omdan din Sass-kode til CSS. Hurtigt, nemt og sikkert.

Less til CSS Konverter

Omdan din Less-kode til CSS. Hurtigt, nemt og sikkert.

Stylus til CSS-konverter

Omdan din SCSS-kode til CSS. Hurtigt, nemt og sikkert.

Sandsynlighedsberegner

Beregn sandsynligheder for forskellige scenarier med vores omfattende sandsynlighedsberegner.

Låneberegner

Beregn lånebetalinger, renteomkostninger og amortiseringsplaner med vores omfattende låneberegner.

Binær til ASCII

Konverter binær kode til ASCII-tegn uden besvær