Knop voorbeeld

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

Eigenschappen van de knop

Populaire voorinstellingen

Related Tools

CSS3 Overgang Generator

Vloeiende overgang van dekking

Minder naar CSS Converter

Transformeer uw Less-code in CSS. Snel, gemakkelijk en veilig.

Sass naar CSS Converter

Transformeer uw Sass-code in CSS. Snel, gemakkelijk en veilig.

Hulpprogramma voor HTML-decodering

Decodeer HTML-entiteiten met gemak rechtstreeks in uw browser.

Creëer moeiteloos prachtige CSS-boxschaduwen

Genereer verbluffende doosschaduwen met onze intuïtieve interface. Kopieer de CSS-code en gebruik deze direct in uw projecten.

JSON-redacteur

Bewerk grote JSON met gemak - Razendsnel en soepel