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

Priljubljene prednastavitve

Related Tools

Pretvornik Sass v CSS

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

Ustvarite popolne postavitve Flexbox

Vizualizirajte, prilagodite in ustvarite kodo CSS flexbox z našim intuitivnim vmesnikom s funkcijo povleci in spusti.

Pretvornik pisala v CSS

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

Ustvarite čudovit CSS besedilni gradient brez napora

Ustvarite osupljive učinke preliva besedila za svojo spletno stran

Orodje za kodiranje Base64

Z lahkoto kodirajte besedilo v format Base64 kar v brskalniku.

Kalkulator zgoščevalne vrednosti SHA-1

Hitro in enostavno ustvarite zgoščene vrednosti SHA-1