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

Populære forhåndsinnstillinger

Related Tools

Generer CSS3-transformasjoner med letthet

Et kraftig, intuitivt verktøy for å lage komplekse CSS3-transformasjoner uten å skrive kode. Visualiser endringer i sanntid og kopier den genererte CSS-en for bruk i prosjektene dine.

CSS3 overgangsgenerator

Jevn opasitetsovergang

Mindre til CSS-konverterer

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

Base64 til CSV-konvertering

Konverter Base64-kodede CSV-data til nedlastbare CSV-filer umiddelbart. Fungerer lokalt i nettleseren din uten dataopplasting.

Base64 til JSON-dekoder

Konverter Base64-kodede strenger til formatert JSON umiddelbart. Fungerer lokalt i nettleseren din uten dataopplasting.

Tving konverteringsverktøy

Kraftomformeren er et hendig enhetskonverteringsverktøy som lar deg raskt bytte mellom ulike kraftenheter.