Ġeneratur tal-buttuna CSS Ħieles

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.

Preview tal-Buttuna

CSS iġġenerati

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

Propjetajiet tal-Buttuna

Presets popolari

Related Tools

Sass li konvertitur CSS

Ittrasforma l-kodiċi Sass tiegħek f'CSS. Mgħaġġel, faċli, u sigur.

Iġġenera Trasformazzjonijiet CSS3 bil-Faċilità

Għodda qawwija u intuwittiva għall-ħolqien ta 'trasformazzjonijiet CSS3 kumplessi mingħajr ma tikteb kodiċi. Viżwalizza l-bidliet f'ħin reali u kopja s-CSS iġġenerat biex tuża fil-proġetti tiegħek.

Stylus li konvertitur CSS

Ittrasforma l-kodiċi SCSS tiegħek f'CSS. Mgħaġġel, faċli, u sigur.

Hex għal Test

Ikkonverti rappreżentazzjoni eżadeċimali għal test mingħajr sforz

Inqas biex konvertitur CSS

Ittrasforma l-kodiċi Less tiegħek f'CSS. Mgħaġġel, faċli, u sigur.

Tisbiħ HTML

Ifformattja u sebbaħ il-kodiċi HTML tiegħek bi preċiżjoni professjonali