Nemokamas CSS mygtukų generatorius

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.

Mygtuko peržiūra

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

Mygtuko ypatybės

Populiarūs išankstiniai nustatymai

Related Tools

Mažiau į CSS Konverteris

Paverskite savo "Less" kodą į CSS. Greita, paprasta ir saugu.

Sass į CSS Konverteris

Paverskite savo Sass kodą į CSS. Greita, paprasta ir saugu.

Rašiklis į CSS Konverteris

Transformuokite savo SCSS kodą į CSS. Greita, paprasta ir saugu.

Nuo aštuntainio iki dešimtainio skaičiaus

Konvertuokite aštuntainius skaičius į dešimtainius be vargo

Dvejetainis į tekstą

Be vargo konvertuokite dvejetainį kodą į anglišką tekstą

Dažnio vieneto keitiklis

Konvertuokite tarp skirtingų dažnio vienetų tiksliai atlikdami inžinerinius ir mokslinius skaičiavimus