Besplatni CSS generator gumba

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.

Pregled gumba

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

Svojstva gumba

Tekst gumba

Size

Shape

Color

Popularne unaprijed postavljene postavke

Related Tools

CSS uljepšivač

Formatirajte i uljepšajte svoj CSS kod s profesionalnom preciznošću

Pretvarač olovke u CSS

Transform your SCSS code into CSS. Fast, easy, and secure.

SCSS u CSS pretvarač

Transform your SCSS code into CSS. Fast, easy, and secure.

Pretvarač CSS u SCSS

Pretvorite svoj CSS kod u SCSS s varijablama, ugniježđivanjem i još mnogo toga. Brzo, jednostavno i sigurno.

Pretvaranje teksta u decimalu

Pretvaranje teksta u decimalni prikaz bez napora

Pantone u CMYK

Convert Pantone colors to CMYK values for print design