Gratis CSS-knopgenerator

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.

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.

Gratis CSS-knopgenerator

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.

SHA3-512 Hasj-calculator

Genereer snel en eenvoudig SHA3-512-hashes

Online tekst schaduw CSS-generator

Creëer verbluffende teksteffecten met verloop voor uw website