Gratis CSS-knappgenerator

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.

Forhåndsvisning av knapp

Generert 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 for knapp

Knapp tekst

Size

Shape

Color

Populære forhåndsinnstillinger

Related Tools

SCSS til CSS-konvertering

Forvandle SCSS-koden din til CSS. Raskt, enkelt og sikkert.

CSS-minifier

Komprimer og optimaliser CSS-koden din med profesjonell presisjon

Pekepenn til CSS-konvertering

Forvandle SCSS-koden din til CSS. Raskt, enkelt og sikkert.

Pekepenn til CSS-konvertering

Forvandle SCSS-koden din til CSS. Raskt, enkelt og sikkert.

HSV til CMYK

Konvertere HSV-fargekoder til CMYK-verdier for utskriftsdesign

CSS-filtergenerator

Opprett og visualiser tilpassede CSS-bildefiltre