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

CSS-minifier

Comprimeer en optimaliseer uw CSS-code met professionele precisie

Online tekst schaduw CSS-generator

Creëer verbluffende teksteffecten met verloop voor uw website

CSS-minifier

Comprimeer en optimaliseer uw CSS-code met professionele precisie

SHA-512/224 Hasj-calculator

Genereer snel en eenvoudig SHA-512/224 hashes

Vertrouwen interval rekenmachine

Bereken betrouwbaarheidsintervallen voor uw monstergegevens met precisie en gemak.