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 Glitch szöveg effektus

Hozzon létre lenyűgöző glitch-effektusokat szövegéhez ezzel az interaktív generátorral. Tökéletes cyberpunkhoz, játékhoz vagy bármilyen olyan dizájnhoz, amelyhez éles, futurisztikus megjelenésre van szükség.

Tökéletes Flexbox elrendezések létrehozása

Vizualizálja, testreszabhatja és generálhatja a CSS flexbox kódot intuitív fogd és vidd felületünkkel.

CSS szépítő

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

Szöveg konvertálása különböző esetek között

Könnyen alakítsa át szövegét különböző kis- és nagybetűk stílusokká sokoldalú esetkonvertáló eszközünkkel.

Szöveg hexadecimálissá

Konvertálja a szöveget hexadecimális ábrázolássá könnyedén

URL-kódoló eszköz

Kódolja az URL-paramétereket egyszerűen közvetlenül a böngészőjében.