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 manj v CSS

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

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.

Ustvarite čudovit CSS besedilni gradient brez napora

Ustvarite osupljive učinke preliva besedila za svojo spletno stran

HEX v CMYK

Pretvorite šestnajstiške barvne kode v CMYK za tiskanje

Pretvornik časovnih enot

Pretvarjajte med različnimi časovnimi enotami z natančnostjo za svoje znanstvene, inženirske in vsakdanje potrebe

Šestnajstiško v besedilo

Pretvorite šestnajstiško predstavitev v besedilo brez težav