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

Knap Tekst

Size

Shape

Color

Populære forudindstillinger

Related Tools

CSS til LESS-konverter

Omdan din CSS-kode til LESS med variabler, indlejring og meget mere. Hurtigt, nemt og sikkert.

Generer CSS3-transformationer med lethed

Et kraftfuldt, intuitivt værktøj til at skabe komplekse CSS3-transformationer uden at skrive kode. Visualiser ændringer i realtid og kopier den genererede CSS til brug i dine projekter.

Stylus til CSS-konverter

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

Rabatberegner

Beregn rabatter, udsalgspriser og besparelser med vores brugervenlige rabatberegner.

HSV til HEX

Konverter HSV-farvekoder til HEX-værdier til webdesign

Pantone til CMYK

Konverter Pantone-farver til CMYK-værdier til printdesign