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

Ceruza a CSS átalakítóhoz

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

SCSS-CSS átalakító

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

Pantone-ról RGB-re

Konvertálja a Pantone színeket RGB értékekké a digitális tervezéshez

Konvertálja az XML-t JSON-ba könnyedén

XML-adatait egyetlen kattintással strukturált JSON formátumba alakíthatja. Gyors, biztonságos és teljesen böngészőalapú.

Százalékos Kalkulátor

Könnyen kiszámíthatja a százalékokat intuitív százalékkalkulátorunkkal.