Ingyenes CSS gombgenerátor

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.

Gomb előnézete

Generált 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); }

Gomb tulajdonságai

Népszerű előbeállítások

Related Tools

CSS szépítő

Formázza és szépítse CSS-kódját professzionális pontossággal

SCSS-CSS átalakító

Alakítsa át SCSS-kódját CSS-re. Gyors, egyszerű és biztonságos.

Ceruza a CSS átalakítóhoz

Alakítsa át SCSS-kódját CSS-re. Gyors, egyszerű és biztonságos.

JSON kicsinyítés

A kicsinyített JSON csökkenti az adatok méretét, ami azt jelenti, hogy gyorsabban továbbíthatók a hálózaton keresztül

URL dekódoló eszköz

Az URL-paraméterek egyszerű dekódolása közvetlenül a böngészőben

Életkor Kalkulátor

Számítsa ki pontos életkorát években, hónapokban és napokban pontos életkor-kalkulátorunkkal.