Ġ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.

Konvertitur tal-Enerġija Reattiva

Ikkonverti l-enerġija reattiva bejn unitajiet differenti bi preċiżjoni u faċilità

Oħloq gradjent tat-test CSS sabiħ mingħajr sforz

Oħloq effetti tat-test tal-gradjent tal-isturdament għall-websajt tiegħek

Partijiet għal kull konvertitur

Ikkonverti bejn partijiet għal kull miljun (ppm), partijiet għal kull biljun (ppb), partijiet għal kull triljun (ppt), perċentwali, u aktar bi preċiżjoni