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

SCSS til CSS konverter

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

Stylus til CSS-konverter

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

Sass til CSS konverter

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

Fjern linjeskift fra din tekst

Konverter tekst med flere linjer til en enkelt kontinuerlig linje med vores brugervenlige værktøj.

Energienhedskonvertering

Konverter mellem forskellige energienheder med præcision og lethed

Effektenhedskonverter

Konverter mellem forskellige effektenheder med præcision til dine tekniske og videnskabelige behov