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.

Be vargo konvertuokite CSV į JSON

Transformuokite CSV duomenis į struktūrinį JSON formatą vienu spustelėjimu. Greitas, saugus ir visiškai pagrįstas naršykle.

Lengvai kurkite gražius CSS gradientus

Kurkite nuostabius linijinius, radialinius ir kūginius gradientus naudodami mūsų intuityvią sąsają. Nukopijuokite CSS kodą ir nedelsdami naudokite jį savo projektuose.

Konvertuoti JSON į CSV

Įklijuokite JSON duomenis žemiau ir vienu spustelėjimu konvertuokite juos į CSV formatą.