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

SCSS till CSS-omvandlare

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

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.

RGB till HSV

Konvertera RGB-färger till HSV-värden för intuitiv färgmanipulering

Pantone till RGB

Konvertera Pantone-färger till RGB-värden för digital design

Generera dummytext för dina mönster

Skapa realistisk platshållartext för dina webbplatser, appar och dokument med vår Lorem Ipsum-generator.