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

Popularne unaprijed postavljene postavke

Related Tools

Pretvarač olovke u CSS

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

CSS Minifier

Komprimirajte i optimizirajte svoj CSS kod s profesionalnom preciznošću

CSS generator trake za pomicanje

S lakoćom prilagodite trake za pomicanje svoje web stranice

HEX u RGB

Convert HEX color codes to RGB values for web development

RGB do HEX

Convert RGB colors to HEXadecimal values for web design

Generirajte CSS3 transformacije s lakoćom

Moćan, intuitivan alat za stvaranje složenih CSS3 transformacija bez pisanja koda. Vizualizirajte promjene u stvarnom vremenu i kopirajte generirani CSS za korištenje u svojim projektima.