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

CSS3 overgangsgenerator

Jevn opasitetsovergang

Pekepenn til CSS-konvertering

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

Mindre til CSS-konverterer

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

Konverter TSV til JSON uten problemer

Transformer TSV-dataene dine til strukturert JSON-format med ett enkelt klikk. Rask, sikker og fullstendig nettleserbasert.

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.

RGB til HEX

Konverter RGB-farger til HEXadesimale verdier for webdesign