Gratis CSS Knapp Generator

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.

Knapp Förhandsgranskning

Genererad 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 för knapp

Populära förinställningar

Related Tools

Sass till CSS Converter

Omvandla din Sass-kod till CSS. Snabbt, enkelt och säkert.

Mindre till CSS Converter

Omvandla din Less-kod till CSS. Snabbt, enkelt och säkert.

Skapa perfekta Flexbox-layouter

Visualisera, anpassa och generera CSS flexbox-kod med vårt intuitiva dra-och-släpp-gränssnitt.

Skapa vacker CSS-textgradient utan ansträngning

Skapa fantastiska övertoningstexteffekter för din webbplats

Reaktiv energiomvandlare

Omvandla reaktiv energi mellan olika enheter med precision och lätthet

CSS Cubic Bezier Generator

Skapa CSS Cubic Bezier Generator underlättande funktioner