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.

Generera CSS3-transformeringar med lätthet

Ett kraftfullt, intuitivt verktyg för att skapa komplexa CSS3-transformeringar utan att skriva kod. Visualisera ändringar i realtid och kopiera den genererade CSS:en för att använda i dina projekt.

Skapa perfekta Flexbox-layouter

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

Base64 verktyg för avkodare

Generera säkra lösenordshashvärden för WordPress

HEX till HSV

Konvertera färger mellan hexadecimala färgmodeller och HSV-färgmodeller (Hue, Saturation, Value) med förhandsgranskning i realtid.

RGB till Pantone

Konvertera digitala RGB-färger till närmaste Pantone-motsvarigheter®