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.

Skapa perfekta Flexbox-layouter

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

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.

CPM-kalkylator

Beräkna kostnad per tusen (CPM) för dina annonskampanjer med vår lättanvända kalkylator.

Omvandlare för volymetrisk flödeshastighet

Konvertera volymetriskt flöde mellan olika enheter med precision och lätthet

CSS-glitch texteffekt

Skapa fantastiska glitch-effekter för din text med denna interaktiva generator. Perfekt för cyberpunk, spel eller vilken design som helst som behöver det där edgy, futuristiska utseendet.