Brezplačen generator gumbov CSS

Erstellen Sie ansprechende, odziven Schaltflächen für Ihre Website. Wählen Sie aus über 70 vorgefertigten Stilen oder passen Sie Ihre eigenen mit unseren erweiterten Steuerelementen an.

Predogled gumba

Ustvarjen 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); }

Lastnosti gumba

Besedilo gumba

Size

Shape

Color

Priljubljene prednastavitve

Related Tools

Pretvornik pisala v CSS

Pretvorite svojo kodo SCSS v CSS. Hitro, enostavno in varno.

Olepševalec CSS

Oblikujte in polepšajte svojo kodo CSS s profesionalno natančnostjo

Spletni generator CSS senc besedila

Ustvarite osupljive učinke preliva besedila za svojo spletno stran

Število delov na pretvornik

Natančno pretvarjajte med deli na milijon (ppm), deli na milijardo (ppb), deli na bilijon (ppt), odstotki in drugimi vrednostmi

Pretvornik slik v Base64

Pretvorba slik v kodiranje Base64 za spletni razvoj in vdelavo podatkov

Učinek besedila CSS Glitch

S tem interaktivnim generatorjem ustvarite osupljive učinke napak za svoje besedilo. Popolno za kiberpunk, igranje iger ali katero koli oblikovanje, ki potrebuje drzen, futurističen videz.